/* ===================== GLOBAL CSS START ============================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');


body {
    background-color: rgba(244, 243, 240, 0.52);
}

/* width */
::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #e18835; 
    border-radius: 10px;
    width: 4px !important;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #e18835; 
  }

.tp-header-action-badge{
    width: fit-content;
    padding: 0px 8px;
    border-radius: 12px;
}

.mb-10 {
    margin-bottom: 10px !important
}

.cursor-pointer{
    cursor: pointer;
}
.gradient-heading {
    background: linear-gradient(180deg, #000 0%, rgba(137, 137, 137, 0.00) 225%, #1A1A1A 225%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.gradient-background-wrapper {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
}

.gradient-background {
    position: relative;
    z-index: -1;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.gradient-box {
    height: 280px;
    width: 280px;
    border-radius: 288px;
    opacity: 0.3;
    filter: blur(200px);
    position: absolute;
}

.aqua {
    background-color: #70D0F1;
}

.red {
    background-color: #B11500;
}



.first-letter-bold::first-letter {
    font-weight: 700;
    text-transform: uppercase;
}

.full-bold {
    font-weight: 700;
}

.anchor-no-style,
.anchor-no-style:hover {
    text-decoration: none;
    color: inherit;
}

.outline-btn {
    flex-shrink: 0;
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 44px;
    padding: 12px 26px;

    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.nav-btn-group {
    display: flex;
    align-items: center;
    gap: 23px;
    flex-shrink: 0;
}


.pagination {
    background-color: #F0F2F4;
    padding: 5px;
    width: max-content;
    border-radius: 10px;
}

.pagination-img{
    width: 15px;
    height: 20px;
}

.page-item {
    margin: 5px;
}

.page-link {

    padding: 8px 12px !important;
    background-color: transparent !important;
    color: #000 !important;
    border-radius: 4px;
    border: 1px solid rgba(188, 188, 188, 0.33) !important;
}

.page-link.active {
    background: #E18835 !important;
    color: #FFF !important;
}

.sort-select {
    height: 55px;
    padding: 10px;
    border-radius: 35px;
}

.badge-btn {
    height: 58px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0;
    border: 1px solid #BCBCBC;
    border-radius: 32px;
    background-color: transparent;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    padding: 15px 10px;
    justify-content: space-evenly;
}

.per-page-btn {
    padding-block: 8px;
    /* padding-inline-end: 10px; */
}

.badge-btn.per-page-btn {
    gap: 7px;
    width: 244px;
}

.per-page-select {
    height: 42px;
    width: 70px;
    background-color: #fff;
    border-radius: 32px;
    appearance: none;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.08);
    /* margin-left: 40px; */
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.per-page-select option {
    text-align: center;
    padding-left: 4px;
}

.sort-btn {
    position: relative;
    padding-block: 12px;
    /* padding-inline-end: 6px; */
    cursor: pointer;
}

.badge-btn.sort-btn{
    width: 140px;
}

.badge-btn.sort-btn span, .badge-btn.per-page-btn span{
    color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 162.5% */
}

.sort-select {
    appearance: none;
    position: absolute;
    border: none;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 60px;
    z-index: 0;
    height: 100%;
    background-color: transparent;
    color: transparent;
    padding: 8px;
    cursor: pointer;
}

#pills-tab .nav-item {
    width: 45px;
    padding: 0 !important;
    margin: 0px !important;
}

.nav-item button {
    color: grey !important;
    background-color: transparent !important;
    padding: 0px 0 !important;
}

.nav-pills .nav-link.active {
    color: #E18835 !important;
    background: #F4E8C87A !important;
    border-radius: 50% !important;
}


.para-text{
    color: #000;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.mobile-display{
    display: none;
}

::marker{
    color: #E18835;
}




/* ================= NEWSLETTER START ================ */

#newsletter-section {
    width: 90%;
}

.newsletter-box {
    background-color: #FFF;
    border: 1px solid #1E1E1E99;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 0 70px;
    width: 100% !important;
    height: 210px;
}

.newsletter-content {
    padding: 50px 0 50px 50px;
}

.newsletter-content h4 {
    color: #000;
    font-family: "Montserrat";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
}


.newsletter-content p {
    color: rgba(30, 30, 30, 0.60);
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 125% */
}

.newsletter-form {
    padding: 70px 50px 50px 50px;
}

.field-input-button {
    display: block;
    margin: 70px auto;
    position: relative;
    height: 55px;
}

.field-input-button input[type="email"] {
    position: absolute;
    right: 0;
    width: 80%;
    background-color: #F0F2F4;
    border-radius: 30px;
    border: none;
    outline: none;
    padding: 10px 16px;
    height: 45px;
}

.field-input-button button[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #000;
    border-radius: 30px;
    padding: 6px 40px;
    color: #000;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    background-color: transparent !important;
    text-align: center;
    height: 45px;

}

/* ============ NEWSLETTER END =================== */

footer {
    background-color: #F0F2F4;
    padding-inline: 60px;
    padding-top: 80px;
    margin-top: -40px;
}

.footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
}

.footer-left-section {
    flex: 80%
}

.footer-right-section {
    flex: 50%
}

.footer-content .address {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 20px;
}

.footer-item {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

li.footer-item {
    list-style: none;
    margin-bottom: 15px;
    width: 100%;
}

.footer-item.semi-bold {
    font-weight: 600;
}

.footer-links-grid {
    margin-top: 20px;
    display: flex;
    /* gap: 30px */
}

.footer-links-column {
    flex: 1;
    padding-left: 0 !important;
}

.footer-phone-number {
    margin-top: 50px;

}

.footer-copyright-box {
    padding-block: 15px;
    text-align: center;
    padding-inline: 16px;

    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    border-top: 1px solid rgba(89, 89, 89, 0.22);
}

.footer-phone-icon {
    margin-left: 10px;
    ;
    margin-right: 6px;
    ;
}

.socials {
    display: flex;
    align-items: center;
    gap: 8px;
}

.socials img {
    display: block;
    height: 28px;
    width: 28px;
}

.primary-btn.download-btn {
    display: flex;
    gap: 9px;
    padding-block: 9px;
    padding-left: 10px;
    padding-right: 40px;
    border-radius: 100px;
    cursor: pointer;
}

.download-btn-container:hover .download-popper {
    display: grid;
}

.download-icon-box {
    background-color: #FAA360;
    height: 42px;
    width: 42px;
    border-radius: 42px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.download-btn-container {
    position: relative;
    display: inline-block;
}


.download-icon-box  {
    flex-shrink: 0;
    transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}


.download-icon-box:hover {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }

.download-btn-text {
    color: #FFF;
    font-style: normal;
    line-height: 20px;
    text-align: left;
}

.download-text {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}

.catalogue-text {
    font-size: 18px;
    font-weight: 700;
}

.download-popper {
    position: absolute;
    bottom: calc(100% + 9px);
    left: 0;
    display: none;
    background: #F5F3F3;
    filter: drop-shadow(0px 4px 11.8px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(2px);
    width: 100%;
    padding: 10px 22px;
    border-radius: 16px;
    transition: ease-out 0.5s;
}



.download-popper a:nth-last-child(1) {
    border-bottom: none;
}

.top-right-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
}

.top-middle-sec {
    display: flex;
    /* gap: 45px; */
    justify-content: space-between;
    flex-wrap: wrap;
}

.top-middle-sec select option{
    color: #000;
}

.row.pagination-sort-row{
    margin: 0 24px;
}

#login-sec select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/custom-assets/images/drop-down-arrow.svg');
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 55%;
}

/* ===================== GLOBAL CSS END ================================ */


/* ===================== PRODUCT LISTING BAG START ====================== */

.breadcrumb-item a {
    color: #000;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #000;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 144.444% */
    color: #000 !important;
}

.breadcrumb {
    padding: 30px 0px 0 30px !important;
}

.breadcrumb-item+.breadcrumb-item::before{
    background-image: url('/custom-assets/images/breadcrumb-arrow.png') !important;
    background-repeat: no-repeat;
    width: 12px;
    height: 15px;
    background-position: right;
    background-size: contain;
    color: #FFF !important;
    margin-top: 5px;
    margin-right: 10px;
}

.total-result {
    padding: 0 0 0 30px;
}

.total-result p,
.total-result span {
    color: #000;
    font-family: "Montserrat";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 130% */
}

.total-result span {
    font-weight: 600;
}

.product-filter {
    padding: 0 30px 15px 30px;
    height: 420px;
    overflow-y: scroll;
    position: sticky;
    top: 31%;
    margin-bottom: 20px;
}

.accordion-body ::-webkit-scrollbar,
.product-filter::-webkit-scrollbar {
    width: 6px;
    height: 2px !important;
}

.accordion-body::-webkit-scrollbar-track,
.product-filter::-webkit-scrollbar-track {
    background-color: #E4E4E4;
    border-radius: 1px;
}


.accordion-body::-webkit-scrollbar-thumb,
.product-filter::-webkit-scrollbar-thumb {
    background: #E18835;
    border-radius: 10px;

}

/* .product-filter::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
} */

.product-filter-heading {
    display: flex;
    /* margin: 0 0 15px 0; */
    gap: 10px;
    /* position: fixed; */
    background: transparent;
    z-index: 99;
    /* width: 27%;
    padding-bottom: 30px; */
}

.product-filter-heading h4{
    color: #000;
font-family: "Montserrat";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 108.333% */
}

.product-filter-heading svg {
    margin-top: -3px;
}

#accordionExample {
    --bs-accordion-bg: transparent !important;
    padding-top: 25px !important;
}

.accordion-button {
    border-bottom: 1px solid #000 !important;
    background-color: transparent !important;
    padding: 25px 20px !important;
}


.accordion-item {
    border: none !important;
    background-color: transparent !important;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


input[type="search"] {
    width: 100%;
    height: 40px;
    flex-shrink: 0;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.22);
    outline: none;
    padding-left: 30px;
    background-color: transparent;
    padding-right: 36px;
}

.checkbox-group {
    padding-top: 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 170px;
    overflow-y: auto;
}

.checkbox-root {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0, 0, 0, 0.60);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.checkbox-root input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-root input:checked~.checkmark {
    background-color: #F0F2F4;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 26px;
    border-radius: 4px;
    background-color: #F0F2F4;
    border: 1px solid #C3BFBF;
}

.checkbox-root input:checked~.checkmark:after {
    display: block;
}

.checkbox-root .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.product-image img {
    width: 100%;
}


#pills-tabContent {
    /* padding: 25px 0; */
    margin: 0 20px;
}

/* ========= PRODUCT CARD CSS START =========== */

/* ======== CUSTOM CARD CSS START ======== */

.custom-row {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 50px;

}

.custom-card {
    border: 1px solid #b6b6b6;
    border-radius: 25px;
    padding: 5px 5px 10px 5px;
    position: relative;
    background-color: #FFF;
}


/* ========= CUSTOM CARD CSS END ======== */

.product-card-vertical-section {
    margin-top: 30px !important;

    min-height: 600px;
}

.product-card {
    border: 1px solid #ACABAB;
    border-radius: 25px;
    padding: 8px;
    background-color: #FFF;
    margin-bottom: 20px;
    position: relative;
}

.product-img{
    background-color: #DFDFDF;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 204px;
}

.product-img img {
    width: 100%;
    height: 100%;
}

.vertical-card-img .product-img{
    height: 150px;
    border-radius: 20px;
}

.vertical-card .product-img img{
    width: 204px;
    height: 157px;
}

.custom-card.tshirt .product-img img{
    max-height: 150px;
}

.vertical-card.tshirt .vertical-card-img .product-img img{
    height: 130px;
}

.product-text,
.product-number {
    display: flex;
    justify-content: space-between;
}

.product-number.tshirt{
    margin: 5px 0px;
}

.shirt-name{
    width: 110px;
}

.shirt-text{
    height: 20px;
}

.shirt-name h6, .shirt-text h6 {
    color: #787272 !important;

    font-family: "Montserrat" !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    /* 150% */
    letter-spacing: -0.24px;
}

.shirt-text h6{
    margin-bottom: 0;
    color: #000 !important;
}

.product-details {
    padding: 10px 0 0 0;
}

.product-number.tshirt .product-price span h6,.product-number.tshirt .product-size span h6{
    margin-bottom: 0 !important;
}

.product-number.tshirt .product-size{
    margin-top: -25px;
}

.product-number.tshirt .product-size span{
    justify-content: end;
}

.product-size span{
    margin-top: -6px;
}

.product-size .tshirt-code{
    margin-top: 5px;
}

.product-number.tshirt .product-price{
    margin-top: -3px;
}


.tshirt-code{
    color: #955316 !important;
font-family: "Montserrat";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 200% */
letter-spacing: -0.13px;
background-color: #fff4ec;
padding: 5px;
}

.product-details h6 {
    color: #000;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    /* 150% */
    letter-spacing: -0.24px;
}

.product-details span {
    color: #727272;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
}


.product-colors {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 20px;
}

.product-colors button {
    background-color: transparent !important;
    border: none;
    cursor: pointer;
}

.product-color {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    flex-shrink: 0;
    color: #000;
    font-size: 8.727px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-color.with-border {
    border: .2px solid #727272;
}

.product-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    margin-top: auto;
}

.primary-btn {
    background-color: #E18835;
    padding: 8px 16px;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border: none;
    border-radius: 32px;
}

.product-icon-buttons {
    display: flex;
    align-items: center;
    gap: 6px;
}

.product-icon-btn {
    background-color: #EDEDED;
    border-radius: 50%;
    flex-shrink: 0;
    border: none;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-badge.flex-all-center {
    position: absolute;
    top: 4%;
    right: 6%;
}

.product-badge.flex-all-center img{
    width: 30px;
    height: 30px;
}

.bottom-pagination {
    display: flex;
    justify-content: center;
}

/* ========= PRODUCT CARD CSS END =============== */


/* ========= PRODUCT VERTICAL CARD CSS START =============== */

.vertical-card {
    display: flex;
    align-items: center;
    background-color: #FFF;
    padding: 4px !important;
    width: 98% !important;
    border: 1px solid #ACABAB;
    border-radius: 20px;
    margin-bottom: 20px;
    height: 158px;
}

.vertical-card-img {
    position: relative;
}

.vertical-card-text {
    display: flex;
    align-items: center;
}

#pills-vertical .vertical-card .product-details .product-text {
    display: grid;
    padding-left: 10px;
}

/* #pills-vertical .vertical-card .product-code{
    padding-top: 10px;
} */

#pills-vertical .vertical-card .product-code h6,
#pills-vertical .vertical-card .product-size h6 {
    color: #000;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.24px;
}

#pills-vertical .vertical-card .product-size span {
    color: #727272;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
}

/* #pills-vertical .vertical-card .product-size{
    padding-bottom: 45px;
} */

#pills-vertical .product-btn-group {
    flex-direction: row-reverse;
    justify-content: space-evenly;
    padding-top: 0 !important;
}

.product-first-text {
    display: flex;
    justify-content: flex-start;
    gap: 100px;
}

.product-second-text {
    display: flex;
    gap: 85px;
}

.vertical-card.tshirt .product-first-text{
    gap: 60px;
}

.vertical-card.tshirt .product-number.tshirt .product-size {
    margin-top: -8px;
    gap: 8px;
    display: grid;
}

/* ========= PRODUCT VERTICAL CARD CSS END =============== */



/* ===================== BOTTOM FILTER START ========================== */

.filters-actions {
    display: none;
}

.mob-down-btn {
    color: #000;
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background-color: transparent;
    border: none;
}

/* ================== FILTER MODAL START =========================*/
#mobile-filter-popup .modal-header,
#mobile-sort-popup .modal-header {
    justify-content: space-between;
    align-items: center;
    border-bottom-color: #B5B5B5;

}

#mobile-filter-popup .modal-footer,
#mobile-sort-popup .modal-footer {
    background-color: #FFF;
    border-top: 1px solid #B5B5B5;
    justify-content: normal;

}


#mobile-filter-popup .modal-footer button,
#mobile-sort-popup .modal-footer button {
    width: 100%;
    background-color: #E18835;
    padding: 10px;
    border: none;
    color: #FFF;
    border-radius: 35px;
    color: #FFF;
    text-align: center;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 125% */
    height: 55px;
}

#mobile-filter-popup .modal-header .modal-header-left,
#mobile-sort-popup .modal-header .modal-header-left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#mobile-filter-popup .modal-header .modal-header-left h1,
#mobile-sort-popup .modal-header .modal-header-left h1 {
    color: #000;
    font-family: "Montserrat";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 130% */
}

.modal-header-right a {
    text-decoration: underline;
    color: #000;
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: capitalize;
}


#mobile-filter-popup .modal-body,
#mobile-sort-popup .modal-body {
    padding: 0 !important;
}

#mobile-filter-popup .modal-body .nav,
#mobile-sort-popup .modal-body .nav {
    border-right: 1px solid #B5b5b5;
    width: 45%;
}

#mobile-filter-popup .modal-body .nav button,
#mobile-sort-popup .modal-body .nav button {
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #DADADA;
    background: rgba(243, 243, 243, 0.35);
    color: #000 !important;
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 185.714% */
    text-align: left;
}

#mobile-filter-popup .modal-body .nav button.active,
#mobile-sort-popup .modal-body .nav button.active {
    background-color: transparent !important;
    color: #000 !important;
}

#mobile-filter-popup .tab-content, #mobile-sort-popup .tab-content{
    padding: 20px 0;
}

#v-pills-filter-tabContent {
    padding: 20px 0;
}

.filter-tab-con {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.filter-tab-con input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #C3BFBF !important;
    background-color: #F0F2F4 !important;
    border-radius: 10px;
}

.filter-tab-con .product-color {
    width: 18px;
    height: 18px;
}

.filter-tab-con p {
    color: rgba(0, 0, 0, 0.60);
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
    /* 71.429% */
    margin-bottom: 0 !important;
}

/* ================== FILTER MODAL END =========================*/
.row-grid img {
    margin-bottom: 30px;
    max-width: 100%
}


@media (max-width: 500px) {

    .custom-row {
        justify-content: center;
        gap: 10px;
    }

    .product-number {
        display: grid;
    }

    .filters-actions {
        position: sticky;
        background: #FFF !important;
        display: flex;
        justify-content: center;
        border: 0;
        top: 0 !important;
        bottom: 0 !important;
        z-index: 999;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50px;
        border-radius: 20px 20px 0px 0px;
        border: 1px solid #ACABAB;
        background: #FFF;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.09);
    }

    .filters-actions>div {
        display: flex;
        flex: 1;
        text-align: center;

    }

    .filters-actions>div:first-of-type {
        border-right: 1px solid #d6d1ce;
    }

    .filters-actions>div>* {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    /*.no-border-select.sort-select + .select2-container--default .select2-selection--single{
        background-image: none;
        padding:10px;
      }*/
    .filter-btn,
    .filter-btn:hover,
    .filter-btn:focus,
    .filter-btn:active {
        padding: 14px 20px;
        height: 50px;
        border: 0;
        position: relative;
        z-index: 1;
        background: #fff;
        border-radius: 0;
    }

    .sort-drop .dropdown-menu {
        width: 100%;
        left: 0;
        position: fixed !important;
        transform: translateY(100%) !important;
        bottom: 50px !important;
        top: auto !important;
        text-align: center;
        border-radius: 6px 6px 0 0 !important;
        box-shadow: none !important;
        transition: .3s;
        display: block;
        /* border: 0;*/
        z-index: -11;
    }

    .sort-drop .dropdown-menu .dropdown-item {
        padding: 15px 20px !important;
    }

    .sort-drop .dropdown-menu .dropdown-item:first-child {
        border-radius: 6px 6px 0 0 !important;
    }

    .sort-drop.show .dropdown-menu {
        transform: translateY(0) !important;
    }

    .btn.sort-toggle {
        background-image: none;
        padding: 10px !important;
        width: 100%;
        border: 0;
        height: 50px;
        position: relative;
        z-index: 1;
        background: #fff;
        border-radius: 0;
        font-size: 16px;
        line-height: 22px;
    }

    .sidebar {
        position: fixed;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;

        background: #fff;

    }

    .sidebar.open {
        z-index: 1032;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .sidebar__inner {
        padding: 15px;
        height: calc(100% - 58px);
        overflow-y: auto;
    }

    .filter-header {
        height: 58px;
    }

    .filter-body {
        padding-right: 0;
    }
}



/* ===================== BOTTOM FILTER END ============================ */


/* ===================== CONTACT CSS START ============================ */



#contact-hero{
    height: 610px;
    background: url('/custom-assets/images/contact-us-banner.png');
    background-size: 52% 100%;
    background-repeat: no-repeat;
    background-position: right;
    padding: 200px 50px;
    background-color: #F4E8C8;;

}

#contact-hero h2 {
    font-family: "Montserrat";
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 66px;
    letter-spacing: -2.04px;
    text-transform: lowercase;
    background: -webkit-linear-gradient(#000, #979797);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#contact-hero p {
    color: #000;

font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 162.5% */
}

.contact-form-box{
    background-color: #FFF;
    padding: 80px 60px;
    margin: -170px 150px 100px 150px;
    border-radius: 30px;
    -webkit-box-shadow: 6px 8px 8px 0px rgba(237,237,237,1);
-moz-box-shadow: 6px 8px 8px 0px rgba(237,237,237,1);
box-shadow: 6px 8px 8px 0px rgba(237,237,237,1);
}

.form-checkbox-group {
    display: flex;
    align-items: center;
    
    gap: 28px;
    flex-wrap: wrap;
    padding-top: 16px;
    padding-bottom: 20px;
}

.form-input-field {
    width: 100%;
    border: none;
    background-color: #F0F2F4;
    padding: 12px 27px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.form-input-label{
    color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 162.5% */
margin-bottom: 10px;
}

.form-textarea{
    padding: 15px;
    width: 100%;
    resize: none;
    padding: 15px 30px;
    background-color: #F0F2F4;
    border: none;    
    border-radius: 10px;
    margin: 20px 0;
}
.form-btn{
    display: flex;
    justify-content: flex-start;
}

.web-btn{
    background-color: #E18835;
    color: #FFFF;
    padding: 15px 30px;
    border: none;
    border-radius: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    width: 25%;
    font-size: 18px;
    height: 60px;
}

.info-icon{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.info-para{
    color: rgba(30, 30, 30, 0.60);
    margin: 0 5px;
font-family: "Montserrat";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}

#broucher-btn h3 {
    text-align: center;
    color: #000;
    text-align: center;
    font-family: "Montserrat";
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 40px;
}

.know-broucher-btn {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
}

.know-broucher-btn button{
    height: 54px;
    width: 15%;
    color: #FFF;

font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 111.111% */
}

.know-broucher-btn button:nth-of-type(2){
    width: 224px;
    padding: 0 8px;
    color: #211E1E;
}

.secondry-btn{
    padding: 15px 30px;
    background-color: transparent !important;
    border: 1px solid #000;
    color: #211E1E;
    border-radius: 40px;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 111.111% */

}

.number h2{
    
font-family: "Montserrat";
font-size: 60px;
font-style: normal;
font-weight: 800;
line-height: 66px; /* 97.059% */
letter-spacing: -2.04px;
text-transform: lowercase;
text-align: center;
background: -webkit-linear-gradient(#000, #979797);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.number p{
    color: #000;
text-align: center;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.stats-para p{
    text-align: center;
    padding: 100px;
    color: #000;
text-align: center;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 144.444% */
}

.stats-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#chat-bot-strip{
    margin-bottom: 60px;
}

.chat-bot-row {
    background: #E5ECEF;
    padding: 50px 75px !important;
    border-radius: 30px;
    position: relative;
}

.chat-bot-text h4{
    color: #000;
font-family: "Montserrat";
font-size: 38px;
font-style: normal;
font-weight: 700;

}

.chat-bot-text p {
    padding-right: 75px;
    color: rgba(30, 30, 30, 0.60);
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.chat-bot-text .web-btn{
    width: 45%;
}

.chat-bot-img img {
    width: 33%;
    position: absolute;
    top: -50px;
    right: 4%;
}

#faq{
    margin: 40px 0;
}

#faq-sec h4{
    text-align: center;
    color: #000;
font-family: "Montserrat";
font-size: 50px;
font-style: normal;
font-weight: 500;
line-height: 66px; /* 117.857% */
letter-spacing: -1.68px;
text-transform: lowercase;
margin-bottom: 40px;
}

.text-dec{
    
font-family: "Montserrat";
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 66px; /* 117.857% */
letter-spacing: -1.68px;
text-transform: lowercase;
background: -webkit-linear-gradient(#000, #979797);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.faq-tabs{
    margin-bottom: 50px;
}

.faq-tabs .nav-link.active {
    background: #000 !important;
    padding: 18px 25px !important;
    border-radius: 40px !important;
    color: #FFF !important;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    /* line-height: 26px; */
    margin: 0 10px;
}

.faq-tabs .nav-link {
    background: transparent !important;
    padding: 18px 25px !important;
    border: 1px solid #BCBCBC !important;
    border-radius: 40px !important;
    color: #000 !important;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    /* line-height: 26px; */
    margin: 0 10px;
}

.faq-tabs .nav.nav-tabs{
    overflow-x: scroll;
    overflow-y: hidden;
    flex-wrap: nowrap;
    border-bottom: none !important;
    width: auto;
    padding-left: 80px;
}

.faq-tabs .nav.nav-tabs::-webkit-scrollbar {
    display: none;
  }

.faq-tabs .nav.nav-tabs .nav-item {
    white-space: nowrap;
    margin: 0 !important;
}

.faq-tabs .tab-content{
    margin: 35px 0;
}

#faq-sec .accordion-button{
    border-bottom: none !important;
    box-shadow: none !important;
    gap: 200px;
    color: #000;

font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
}

.faq-tabs .accordion-body p{
    width: 90%;
}

.faq-tabs .accordion-item{
    border-bottom: 1px solid #BFBFBF !important;
}

.faq-tabs .accordion-item:last-of-type {
    border: none !important;
    border-bottom-right-radius: 0 !important; 
    border-bottom-left-radius: 0 !important;
}

.faq-tabs .tab-content .accordion{
    padding: 0 80px;
}

.faq-tabs .accordion-button:not(.collapsed)::after {
    background-image: url('/custom-assets/images/faq-minus.svg');
}

.faq-tabs .accordion-button::after {
    background-image: url('/custom-assets/images/faq-plus.png');
}
/* ===================== CONTACT CSS END ============================ */


/* ===================== ABOUT US CSS START ========================= */

#about-hero{
    padding: 150px 115px;
    position: relative;
}

.semi-circle-1 {
    position: absolute;
    width: 417px;
    top: 7%;
    left: 9%;
}

.semi-circle-2{
    position: absolute;
    width: 348px;
    top: 55%;
    left: 38%;
}

.semi-circle-3{
    position: absolute;
    width: 417px;
    top: 12%;
    right: 9%;
}

.about-us-hero-img-text {
    display: grid;
    justify-content: center;
    
}


.about-us-hero-img {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.about-us-hero-img img {
    width: 62px;
}

.about-us-hero-text {
    text-align: center;
}

.about-us-hero-text h6{
    color: #000;
font-family: "Montserrat";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 118.182% */
}

.about-us-hero-text p{
    color: #000;
text-align: center;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */

}

.about-us-hero-img-text::before{
    content: "";
    background-color: #E18835;
    width: 24px;
    height: 24px;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    
}


.about-us-hero-img-text.one:before{
    left: 8%;
}


.about-us-hero-img-text.two::before{
    left: 37%;
}

.about-us-hero-img-text.three::before{
    left: 61%;
}

.about-us-hero-img-text.three:last-child::after{
    content: "";
    background-color: #E18835;
    width: 24px;
    height: 24px;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    right: 8%;
}

#Welcome-content {
    display: flex;
    padding: 100px 75px;
    width: 100%;
}

.welcome-content-left {
    width: 100%;
}

.welcome-content-left h4{
    color: #000;
font-family: "Montserrat";
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 44px; /* 110% */
padding-right: 130px;
margin-bottom: 30px;
}

.welcome-content-left p{
    color: #000;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
padding-right: 60px;
margin-bottom: 30px;
}

.welcome-content-left .web-btn.download {
    width: 295px;
    height: 60px;
}

.welcome-content-right {
    width: 100%;
    text-align: right;
}

.welcome-content-right img {
    width: 90%;
    border: 1px solid #0000005C;
    padding: 15px;
    border-radius: 30px;
}

.web-btn.download{
    width: 40%;
}

.why-choose-row {
    display: flex;
    flex-wrap: wrap;
}

.about-box-img-text{
    display: grid;
    justify-content: center;
    gap: 30px;
    margin-bottom: 30px;
    width: 25%;
}

.about-box-img img {
    width: 76px;
}

#about-us-third-section {
    padding: 50px 0;
}

.about-box-img{
    display: flex;
    justify-content: center;
}

.about-box-text{
    text-align: center;
}

#about-us-third-section .about-box-img-text {
    width: 33%;
}

.about-box-text h6{
    color: #000;
text-align: center;
font-family: "Montserrat";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
}



.about-box-text p{
    color: #000;
text-align: center;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 0 35px;
}

#collabration{
    padding: 0 0 40px 0;
}

#collabration h2 {
    
font-family: "Montserrat";
font-size: 56px;
font-style: normal;
font-weight: 400;
line-height: 66px; /* 117.857% */
letter-spacing: -1.68px;
text-transform: lowercase;
margin-bottom: 60px;

}

#collabration h2 span{
    font-weight: 700;
    background: -webkit-linear-gradient(#000, #979797);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.collabration-slider {

    height: 70px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    
}


.collabration-slider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.collabration-slider::before {
    left: 0;
    top: 0;
}


/* .tanishq,
.mia {
    width: 130px;
    height: 90px;
} */


.collabration-slider .slide-track {
    animation: scroll 80s linear infinite;
    display: flex;
    width: calc(250px * 18);

}

.collabration-slider .slide-track:hover {
    animation-play-state: paused;
}

.collabration-slider .slide {
    /* height: 250px; */
    width: 250px;
}



@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 9));
    }
}

#who-we-are-expertise{
    padding: 100px 0;
}

#who-we-are, #expertise{
    padding-left: 80px;
    display: flex;
    gap: 65px;
}

#expertise{
    padding-left: 0 !important;
    gap: 0px;
}

.who-we-are-text, .expertise-text{
    width: 86%;
}

.expertise-text {
    padding-top: 70px;
    padding-right: 70px;
    padding-left: 50px;
}

.who-we-are-text h2, .expertise-text h2{
    color: #000;
font-family: "Montserrat";
font-size: 56px;
font-style: normal;
font-weight: 400;
line-height: 66px; /* 117.857% */
letter-spacing: -1.68px;
text-transform: lowercase;
margin-bottom: 30px;

}


.who-we-are-text p, .expertise-text p{
    color: #000;

font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 162.5% */
text-align: left;
}

.who-we-are-text h2 span, .expertise-text h2 span{
    font-weight: 700;
    background: -webkit-linear-gradient(#000, #979797);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.who-we-are-number{
    display: flex;
    gap: 60px;
}

.who-we-are-number:nth-of-type(2){
    gap: 80px;
}

.who-we-are-number .number h2 {
    font-family: "Montserrat";
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -2.04px;
    text-transform: lowercase;
    text-align: center;
    background: -webkit-linear-gradient(#000, #979797);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0 !important;
}


.who-we-are-img{
    background: url('/custom-assets/images/who-we-are-img.webp');
    background-size: cover;
    height: 450px;
    width: 100%;
    border-top-left-radius: 40px;

}

.expertise-img{
    background: url('/custom-assets/images/expertise-img.webp');
    background-size: cover;
    height: 450px;
    width: 100%;
    border-bottom-right-radius: 40px;
}

.services-we-offer-content{
    text-align: center;
}

.services-we-offer-content h2{
    color: #000;

font-family: "Montserrat";
font-size: 56px;
font-style: normal;
font-weight: 400;
line-height: 66px; /* 117.857% */
letter-spacing: -1.68px;
text-transform: lowercase;
}

.services-we-offer-content h2 span{
    
font-family: "Montserrat";
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 66px; /* 117.857% */
letter-spacing: -1.68px;
text-transform: lowercase;
font-weight: 700;
    background: -webkit-linear-gradient(#000, #979797);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services-we-offer-content p{
    color: #030303;
text-align: center;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
}

#services-we-offer .accordion-button, #services-we-offer .accordion-body p, #services-we-offer .accordion-body ul li{
    color: #000;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
}

#services-we-offer .accordion-button::after {
    background-image: url('/custom-assets/images/accordian-plus.svg');
}

#services-we-offer .accordion-button:not(.collapsed)::after {
    background-image: url('/custom-assets/images/accordian-minus.svg');
}

#services-we-offer .accordion .accordion-button{
    padding: 30px 20px;
}

#services-we-offer .accordion{
    padding-bottom: 50px;
}

#dynamic-cost-preview{
    padding: 60px 0;
}

.dynamic-cost-review-text h2{
    color: #232323;

font-family: "Montserrat";
font-size: 56px;
font-style: normal;
font-weight: 700;
}

.dynamic-cost-review-text p{
    color: #282828;

font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 162.5% */
margin: 20px 0;
}

.dynamic-cost-review-text{
    padding-top: 120px;
}

.dynamic-cost-review-img img{
    width: 100%;
}

.section-heading h2{
    color: #000;
    text-align: center;
font-family: "Montserrat";
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 117.857% */
letter-spacing: -1.68px;

}

.section-heading h2 span{
    font-family: "Montserrat";
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 66px;
    letter-spacing: -1.68px;
    font-weight: 700;
    background: -webkit-linear-gradient(#000, #979797);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#why-choose-dtb{
    padding: 30px 0;
}

.why-choose-box{
    margin: 60px 0 30px 0;
    text-align: center;
}

.why-choose-box-content h2{
    color: #000;
text-align: center;

font-family: "Montserrat";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 30px 0 15px 0;
}

.why-choose-box-content p{
    color: #000;
text-align: center;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

/* #meet-our-team{
    padding-bottom: 60px;
} */

#meet-our-team .section-heading{
    margin-bottom: 60px;
}

.team-box {
    border: 1px solid #0000003f;
    padding: 20px;
    border-radius: 20px;
    position: relative;
}

.team-description{
    margin: 30px 0 10px 0;
}

.team-img img{
    border-radius: 20px;
}

.member-name h5{
    color: #000;
font-family: "Montserrat";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.team-description p{
    margin: 10px 0 !important;
    color: #000;
font-family: "Montserrat";
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: normal;
}

.team-description span{
    color: #000;
font-family: "Montserrat";
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.team-social-link {
        position: absolute;
        width: 30px !important;
        height: 30px;
        top: 8%;
        right: 12%;
}

.owl-carousel.team-carousel .owl-nav.disabled {
    display: block;
    margin-top: 30px !important;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent !important;
}

.owl-prev img, .owl-next img{
    width: 67px;
    height: 67px;
}

.faq-text{
    color: #878787;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}
/* ===================== ABOUT US CSS END ========================= */



/* ====================== HOME START ============================== */


.home-hero-text .section-heading h2{
    text-align: left;
}

.home-hero-text p{
    color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
margin-bottom: 55px;
}


.home-hero-text{
    padding-top: 115px;
}

.home-hero-img{
    text-align: center;
}

.home-hero-img img {
    margin-top: -45px;
    width: 100%;
}

#home-hero-section .web-btn{
    min-width: 292px;
    margin-bottom: 0px;
}

@media screen and (max-width: 786px){
    #home-hero-section{
        padding: 40px 0px;
    }
    #home-hero-section .web-btn{
        min-width: 192px;
        margin-bottom: 0px;
        font-size: 16px;
        height: 54px;
    }
}

#home-why-choose-us{
    padding: 60px 0;
}

#home-why-choose-us .about-box-img-text{
    margin: 50px 0 25px 0;
}

#home-about-us-section{
    padding-top: 100px;
}

.home-about-us{
    padding: 50px 0;
}

.home-about-us h6{
    color: #000;
font-family: "Montserrat";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 100% */
text-transform: uppercase;
}

.home-about-us .section-heading h2{
    text-align: left;
    font-size: 50px;
}

.home-about-us p{
    color: #000;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */
}

.home-about-us .web-btn{
    width: 35%;
    margin: 20px 0;
}

.home-about-us-img img{
    width: 100%;
    border-radius: 20px;
}

#product-printing{
    padding :100px 0 25px 0;
}

#product-printing .section-heading h2{
    font-size: 44px;
}

#product-printing .section-heading h2 span{
    font-size: 54px;
}

.product-printing-vt-tabs .nav.nav-tabs{
    --bs-nav-tabs-border-width: none !important;
    justify-content: center;
    margin: 35px 0;
    border: 1px solid #000;
    border-radius: 50px;
}


.product-printing-vt-tabs nav {
    display: flex;
    justify-content: center;
    
}
.product-printing-vt-tabs .nav.nav-tabs .nav-link {
    
    border-radius: 50px;
    padding: 20px 50px;
    background-color: transparent;
    color: #000;
font-family: "Montserrat";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 130% */
}

.product-printing-vt-tabs .nav.nav-tabs .nav-link.active {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 20px 75px;
    color: #FFF;
font-family: "Montserrat";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 130% */
background-color: #000 !important;
}

.product-printing-ht-tabs{
    display: flex;
    align-items: start;
}

.product-printing-ht-tabs .nav{
    width: 30%;
    
    background-color: rgba(244, 243, 240, 0.52);
    backdrop-filter: blur(8px);
    border-radius: 26px;
    padding: 20px;
}

.tab-haeding{
    color: #000;
    text-align: center;
font-family: "Montserrat";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 108.333% */
margin: 30px 0;
}

.product-printing-ht-tabs .nav-pills .nav-link {
    background: #FFF;
    margin: 10px 0;
    padding: 20px 0;
    color: #1E1E1E;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
border: 1px solid #787272;
}

.product-printing-ht-tabs .nav-pills .nav-link.active {
    background-color: #E18835 !important;
    color: #FFF !important;
font-family: "Montserrat" !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: 800 !important;
line-height: 26px !important; /* 144.444% */
border-radius: 8px !important;
border: none;
}


.product-printing-ht-tabs .tab-content{
    width: 70%;
    margin: 20px 10px;
}

.product-data-grid{
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    height: 650px ;
    overflow-y: scroll;
}

.product-data-details{
    position: relative;
    width: 200px;
    height: 200px;
    fill: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.38) 129.5%);
    filter: drop-shadow(6px 2px 22px rgba(92, 99, 114, 0.13));
    overflow: hidden;
}



.product-data-details:hover{
    border: 2px solid #000;
    padding: 1px;
    border-radius: 20px;
    width: 200px;
    height: 200px;
}


.product-data-details:hover .product-data-heading{
    bottom: 50px;
    transition: ease-out .5s;
    cursor: pointer;
}

.product-data-details:hover .customize-btn{
    bottom: 18px;
}

.customize-btn{
    background-color: rgba(0, 0, 0, 0.41);
    border: 1px solid #fff;

    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    border-radius: 50px;
    padding-inline: 15px;
    padding-block: 6px;

    position: absolute;
    right: 20px;
    bottom: -50px;
    transition: ease-out .5s;
    cursor: pointer;
}

.product-data-img{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-data-img img{
    width: 193px;
    height: 193px;
    border-radius: 20px;
}

.product-data-heading {
    position: absolute;
    right: 10%;
    bottom: 8%;
}

.product-data-heading h6{
    color: #FFF;
font-family: "Inter";
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 118.182% */

}

.customize-btn-div{
    position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: 0.5s ease;
  overflow: hidden;
}

/* .customize-btn {
    position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  font-size: 20px;
  overflow: hidden;
} */

.product-data-details:hover .customize-btn-div{
    height: 20%;
}


.product-data-grid::-webkit-scrollbar {
    width: 10px;
    height: 2px !important;
}

.product-data-grid::-webkit-scrollbar-track {
    background-color: #D9D9D9;
    border-radius: 10px;

}



.product-data-grid::-webkit-scrollbar-thumb {
    background: #E18835;
    border-radius: 10px;

}

.home-contact-us-img-text .section-heading h2{
    text-align: left;
    font-size: 44px;
    line-height: 30px;
}

.home-contact-us-img img{
    width: 100%;
}
#home-contact-us , #inner-contact-us{
    padding: 75px 0;
}

#inner-contact-us .section-heading h6{
    color: #000;
font-family: "Montserrat";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 76.923% */
margin-bottom: 20px;
}

#inner-contact-us .section-heading h2, #inner-contact-us .section-heading h2 span{
font-family: "Montserrat";
font-size: 66px;
font-style: normal;
font-weight: 700;
line-height: 66px; /* 100% */
letter-spacing: -1.98px;
text-transform: lowercase;
}

#home-image-carousel{
    padding: 0px 0 50px 0;
    position: relative;
}

.carousel-heading h3{
    color: #989898;

font-family: "Montserrat";
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1.8px;
text-transform: capitalize;
}

.carousel-heading h5{
    color: #111;
font-family: "Montserrat";
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.9px;
text-transform: capitalize;
}

.event-date {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
    /* background: #000; */
    background-image: radial-gradient(#DDDDDD, #fcfdfd);
    border: none;
    margin: 37px 0;
}

.event-date img {
    width: 20px !important;
    height: 20px;
}

.event-date p{
    color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 162.5% */
margin-bottom: 0;
}

.carousel-content{
    padding: 50px 40px;
    background-image: linear-gradient(#33714500, #336D432B);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height:100%;
}

#home-image-carousel .img-carousel img{
    object-fit: cover;
}

.img-carousel img{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    height: 520px;
    width: 100%;
}

.stand h4{
    color: #111;
font-family: "Montserrat";
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.78px;
text-transform: capitalize;
}

.carousel-btn .web-btn{
    width: 50%;
}

.carousel-btn{
    display: flex;
    margin: 32px 0;
}

.carousel-no-padding{
    padding: 0 !important;
}

.line {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px; /* Height of the moving line */
    width: 33.33%; /* Initial width (number of images divided by 100) */
    background-color: #000; /* Color of the moving line */
    transition: width 0.5s ease; /* Smooth transition */
}

.blog-listing-banner  {
    padding: 100px 45px;
}

.blog-listing-banner.two .carousel-content{
    background-image: url('/custom-assets/images/blog-banner-2.svg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    padding: 50px !important;
}

.banner-tag {
    display: inline;
    background: #FFF;
    padding: 10px;
    color: #45332C;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
    text-transform: capitalize;
    border-radius: 8px;
    
}

.blog-listing-banner.two .carousel-content .carousel-heading h3{
    margin-top: 20px;
    
    color: #737D7E;
font-family: "Montserrat";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 36px; /* 100% */
letter-spacing: -1.08px;
text-transform: capitalize;
}

.blog-listing-banner.two .carousel-content .carousel-heading h3 span{
    color: #111;
font-family: "Montserrat";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 36px;
letter-spacing: -1.08px;
text-transform: capitalize;
}

.blog-listing-banner.two .carousel-content .carousel-heading p{
    color: rgba(30, 30, 30, 0.60);
font-family: "Montserrat";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 133.333% */
margin: 50px 50px 50px 0;


}

.blog-listing-banner.two .carousel-btn .web-btn {
    width: 20%;
}



.blog-listing-banner .carousel-heading h3 {
    font-size: 40px;
}

.glassmorphism .video-text{
    padding: 10px 20px;
    width: 100%;
    background: rgba(255, 255, 255, 0.27);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12.8px);
    -webkit-backdrop-filter: blur(12.8px);
    border: 1px solid rgba(255, 255, 255, 0.32);
    margin: 0;
    bottom: 0;
    border-radius: 0 0 30px 30px;
}



/* ====================== HOME END ================================ */


/* ====================== DECORATION - UI START ============================ */

#decoration-hero-section{
    padding: 0 75px;
}

#decoration-hero-section .section-heading h2{
    font-size: 56px; 
    font-weight: 400;
    line-height: 60px;
}

#decoration-hero-section .section-heading .web-btn{
    width: 50%;  
    margin: 30px 0;
}

#decoration-hero-section .home-hero-img img {
    margin-top: 0 !important;
    width: 100%;
}

#decoration-sec-two-tabs{
    padding: 100px 75px 20px 75px;
}

#decoration-sec-two-tabs .nav.nav-tabs{
    justify-content: center;
    border: none;
}

#decoration-sec-two-tabs .nav.nav-tabs .nav-item {
    border-bottom: 1px solid #A6A6A6 !important;
    margin: 0 !important;
}

#decoration-sec-two-tabs .nav.nav-tabs .nav-link {
    padding: 25px 25px 14px 25px !important;
    color: #A6A6A6;
font-family: "Montserrat";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 118.182% */

}

#decoration-sec-two-tabs .nav.nav-tabs .nav-link.active, #decoration-sec-two-tabs .nav.nav-tabs .nav-link:hover {
    border: none !important;
    border-bottom: 2px solid black !important;
    color: #000 !important;
font-family: "Montserrat";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 118.182% */
padding: 25px 25px 14px 25px !important;
}

.decoration-sec-two-vt-tabs .tab-content{
    margin: 50px 0;
}


.decoration-tab-content-upper-row {
    padding-top: 50px;
    background: #DEDFE8;
    border-radius: 23px;
    border: 1px solid #00000040;
}

.decoration-tab-content-row {
    background: #E8EDEF;
    padding: 45px;
    border-radius: 23px;
    border: 1px solid #00000040;
}

.decoration-tab-content-img img{
    width: 100%;
}

.decoration-tab-content-text{
    padding-left: 20px;
}

.decoration-tab-content-text h6 {
    margin: 50px 0 30px 0;
    color: #000;
    font-family: "Montserrat";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.decoration-tab-content-text h3 {
    color: #000;
    font-family: "Montserrat";
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin: 20px 0 40px 0;
}

.decoration-tab-content-text ul {
  padding-left: 36px;
  margin-bottom: 0;
}

.decoration-tab-content-text ul li {
  color: #000;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 15px;
}

.decoration-tab-content-text ul li:last-child {
  margin-bottom: 0;
}

.list-head {
    color: #000;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

#educational-resources {
    padding: 0px 75px;
}

#educational-resources .nav.nav-tabs {
    justify-content: center;
    border: none;
}

#educational-resources .nav.nav-tabs .nav-item {
    border-bottom: 1px solid #A6A6A6 !important;
    margin: 0 !important;
}

#educational-resources .nav.nav-tabs .nav-link.active, #educational-resources .nav.nav-tabs .nav-link:hover {
    border: none !important;
    border-bottom: 2px solid black !important;
    color: #000 !important;
    font-family: "Montserrat";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    padding: 25px 25px 14px 25px !important;
}

#educational-resources .nav.nav-tabs .nav-link {
    padding: 25px 25px 14px 25px !important;
    color: #A6A6A6;
    font-family: "Montserrat";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

#educational-resources .educational-sec-three-vt-tabs .tab-content {
    margin: 50px 0 0 0;
}

#video-tab-pane .thumb{
    height: 385px;
}

#video-tab-pane .blog-long-card .tags:nth-of-type(3) {
    left: 20%;
}

#video-tab-pane .blog-long-card .duration {
    left: 78%;
}

#video-tab-pane .play i {
    font-size: 75px;
}

#video-tab-pane .play {
    position: absolute;
    top: 35%;
    left: 40%;
}

.video-box{
    position: relative;
}

.video-box video{
    border-radius: 30px;
    opacity: 0.9 !important;
    z-index: 99;
}

.tags, .duration{
    position: absolute;
    top: 4%;
    left: 6%;

}

.tags p, .duration p{
    margin-bottom: 0 !important;
    background: #D9D9D99E;
    border-radius: 15px;
    color: #000;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 5px 15px;
}

.video-box .tags:nth-of-type(1){
    left: 8%;
}

.video-box .tags:nth-of-type(2){
    left: 24%;
}

.video-box .duration{
    left: 75%;
}

.video-text {
    position: absolute;
    bottom: 8%;
    color: #FFF;
    margin-left: 40px;
    width: 80%;
}

.video-title h5 {
    color: #FFF;
    font-family: "Montserrat";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.carousel-blog-btn  {
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.carousel-blog-btn .web-btn{
    margin: 40px 0;
    width: 15%;
}

#decoration-featured-project{
    padding: 0 75px 100px 75px;
}

#decoration-featured-project .custom-card{
    width: 95%;
}

#decoration-featured-project .section-heading {
    margin-bottom: 30px;
}

#decoration-featured-project .custom-card .product-colors{
    margin-top: 0px;
}

#got-question{
    padding: 100px;
}

.got-section-sec{
    background-color: #E5ECEF;
    padding: 75px 75px 30px 75px !important;
    border-radius: 23px;
}

.got-section-text h4{
    color: #000;
font-family: "Montserrat";
font-size: 46px;
font-style: normal;
font-weight: 700;
line-height: 45px; /* 97.826% */
}

.got-section-text h4 span{
    color: #000;
font-family: "Montserrat";
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 45px;
}


.got-section-sec {
    display: flex;
}

.got-section-text {
    width: 75%;
}
.got-section-text p{
    color: rgba(30, 30, 30, 0.60);
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 500;
margin: 20px 300px 20px 0;
}
.got-section-img {
    width: 25%;
    position: relative;
}

.got-section-img img {
    width: 383px;
    height: 446px;
    position: absolute;
    top: -96%;
    left: -55%;
}

#product-printing .product-printing-vt-tabs .nav.nav-tabs { 
    border: none !important;
}

#product-printing .product-printing-vt-tabs .nav.nav-tabs .nav-link {
    border: 1px solid grey;
    margin: 0 10px;
}
/* ====================== DECORATION - UI END ============================ */


/* ====================== BLOG LISTING UI START ============================ */


#Blog-listing-hero {
    background: #FCEBE2;
    padding: 0 75px;
}

.blog-listing-row {
    display: flex;
}

.blog-listing-text {
    padding-top: 80px;
    width: 60%;
}

.tag-text {
    display: inline-block;
}

.tag-text p {
    margin-bottom: 15px;
    color: #000;
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    background: #FFF;
    padding: 4px 18px;
    border-radius: 50px;
}

.blog-hero-head h4 {
    color: #000;
    font-family: "Montserrat";
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.blog-listing-date-time {
    display: inline-flex;
    gap: 30px;
}

.blog-listing-date, .blog-listing-time {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-listing-date p, .blog-listing-time p {
    /* width: 262%; */
    margin-bottom: 0;
    color: #000;
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.blog-hero-para{
    display: inline;
}

.blog-hero-para p {
    color: #000;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-right: 100px;
    margin: 30px 0 60px;
}

#blog-view {
    padding: 100px 75px;
}

.blog-search-section{
    text-align: center;
    color: #000;
font-family: "Montserrat";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 108.333% */
}

.most-search-topics {
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
    margin: 50px 0;
}

.search-topics p{
    margin-bottom: 0 !important;
    color: #1E1E1E;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 111.111% */
border-radius: 36px;
background: rgba(207, 207, 207, 0.32);

padding: 10px 20px;
}

.blog-search-bar{
    position: relative;
    width: 45%;
}

.blog-search-bar input[type="search"]{
    width: 100%;
    padding: 28px 20px;
    border-radius: 30px;
}

.blog-search-bar input[type="search"]::placeholder{
    color: #1E1E1E;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 111.111% */
}

.blog-search-bar img{
    position: absolute;
    width: 21px;
    top: 35%;
    right: 5%;
}

.blog-search-bar-sort {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
}

.blog-row {
    display: flex;
}

.blog-long-card{
    width: 100%;
    border-radius: 30px;
    position: relative;
}

.blog-long-card img {
    width: 100%;
    border-radius: 30px;

}

.blog-long-card .tags:nth-of-type(2) {
    left: 4% !important;
}

.blog-long-card .tags:nth-of-type(3) {
    left: 12%;
}

.blog-long-card .duration {
    left: 90%;
}

.blog-short-card {
    width: 100%;
    position: relative;
}

.blog-short-card img {
    width: 100%;
    border-radius: 30px;
}

.blog-short-card .tags:nth-of-type(3) {
    left: 25%;
}

.blog-short-card .duration {
    left: 78%;
}

.blog-short-card, .blog-long-card{
    margin-bottom: 30px;
}

.blog-long-img iframe{
    position: absolute;
    left: 0%;
    z-index: -1;
    border-radius: 30px;
}

.thumb{
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    width: 100%;
    height: auto;
    cursor: pointer;
}

#thevideoone iframe, #thevideotwo iframe, #thevideothree iframe, #thevideofour iframe, #thevideofive iframe, #thevideosix iframe, #thevideoseven iframe, #thevideoeight iframe, #thevideonine iframe, #thevideoten iframe, #theonevideo iframe{
    position: absolute;
    top: 0;
    z-index: 9;
}

.carousel-content-mobile{
    display: none;
}
/* ====================== BLOG LISTING UI END ============================ */


/* ====================== BLOG DETAILS UI START ========================== */

#blog-details-hero-section{
    padding: 50px 75px;
}


.blog-details-head h2 {
    color: #000;
    font-family: "Montserrat";
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.date-author {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: 15px 0px !important;
}

.blog-author, .blog-details-date {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.date-author p{
    margin-bottom: 0;
}

.blog-details-banner{
    position: relative;
    margin: 20px 0 !important;
}

.blog-details-banner img {
    width: 100%;
    border-radius: 23px;
}

.blog-detail-tag {
    display: inline-block;
}


.blog-detail-tag p {
    margin-bottom: 0;
    color: #1E1E1E;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* background: antiquewhite; */
    border-radius: 36px;
    background: rgba(255, 255, 255, 0.52);
    backdrop-filter: blur(6px);
    position: absolute;
    top: 6%;
    left: 3%;
    padding: 12px 24px;
    width: max-content;
}

.full-blog-section {
    display: flex;
    gap: 15px;
}

.table-content {
    width: 45%;
    padding-left: 75px;
    position: sticky;
    align-self: flex-start;
    /* display: flex; */
    top: 30%;
}

.full-blog {
    width: 100%;
}

.blog-img img {
    width: 100%;
}

.table-content h6{
    color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}

.table-content ol{
    padding-left:1rem
}

.table-content ol li{
    padding: 16px 0 8px 0;
}

.toc{
    text-decoration: none !important;
    color: #000;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    padding: 10px 0 !important;
    border-top: 1px solid #d4d5d9;
}

.toc.active{
    color: #E18835;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 19px; /* 118.75% */
}

.blog-sections{
    margin-bottom: 20px;
}

.blog-sections p{
    color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
padding-right: 50px;
}

.blog-para-img{
    display: flex;
}

.blog-sections h6{
    color: #000;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
margin-bottom: 20px;
}

.blog-sections h5{
    color: #000;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
width: 80%;
margin-bottom: 30px;
}

.blog-sections img{
    width: 95%;
    margin: 20px 0;
}

.blog-img img {
    width: 100%;
    margin: 0px;
}

#related-blogs{
    padding: 0 75px;
}

#related-blogs .section-heading h2{
    margin-bottom: 30px;
}

#related-blogs .section-heading h2 span {
    font-size: 42px;
}

.play {
    position: absolute;
    top: 35%;
    left: 50%;
}

.play i {
    position: absolute;
    left: 44%;
    top: 50%;
    color: #d9d9d991;
    font-size: 100px;
    background: #FFF;
    border-radius: 50%;
    height: auto;
    width: auto;
    /* line-height: 50px; */
    background: rgba( 255, 255, 255, 0.25 );
backdrop-filter: blur( 6.5px );
-webkit-backdrop-filter: blur( 6.5px );
}

.blog-short-card .play{
    left: 40%;
}
/* ====================== BLOG DETAILS UI END ============================== */

/* ====================== LOGIN START ======================================= */

#login-sec {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 50px;
}

#login-sec .section-heading h2 {
    margin-bottom: 25px;
}

.login-sec-box p{
    text-align: center;
    color: var(--Gray-500, #A4A1AA);
    text-align: center;
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 40px;
}

#login-sec form{
    display: flex;
    justify-content: center;
    width: 100%;
}

.login-form .web-btn{
    width: 100% !important;
}

.form-input{
    width: 100% !important;
    height: 60px;
    background-color: #F0F2F4;
    border-radius: 10px;
    border: none;
    padding: 20px 30px !important;


}

.login-form {
    display: flex;
    justify-content: center;
    padding: 0 40px;
}

.form-input::placeholder{
    color: rgba(0, 0, 0, 0.60);
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 162.5% */
}



.remember-me label{
    color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.forget-password a{
    color: #E18835;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline;
}

.rem-forget {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 !important;
    align-items: center;
}

.g-mail-img img{
    width: 42px;
}

.or-line{
    position: relative;
    text-align: center;
}

.or-line p{
    margin-bottom: 0 !important;
}

.or{
    position: absolute;
    top: 45%;
}

.or.left{
    left: 10%;
}

.or.right{
    right: 10%;
}

.login-g-mail{
    color: #000;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.sign-link p{
    color: #E18835;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.sign-link a{
    color: #E18835;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.g-mail-img span {
    background: #EFEFF0;
    width: 107px;
    display: inline-block;
    height: 66px;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.char-eight{
    color: var(--Gray-500, #A4A1AA) !important;
font-family: "Montserrat" !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
text-align: left !important;
margin-bottom: 0 !important;
margin-top: 10px !important;
}

.back-login .web-btn{
    width: 400px;
}

.back-login {
    display: flex;
    justify-content: center;
}

.green-tick{
    text-align: center;
    margin-bottom: 20px;
}

.green-tick img{
    width: 100px;
    height: 100px;
}

#login-sec .login-forms.full-form {
    width: 70%;
}

.sign-up-form {
    display: flex;
    /* justify-content: center; */
    padding: 0 40px;
}

#login-sec .sign-forms.full-form {
    width: 100%;
}


.sign-forms.full-form select {
    width: 831px !important;
    color: rgba(0, 0, 0, 0.60);
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 162.5% */
}

.sign-row {
    display: flex;
    justify-content: space-between;
    padding: 0 !important;
}

.sign-row-one, .sign-row-two {
    width: 400px;
}

.sign-in-btn .web-btn{
    width: 400px;
}

.sign-in-btn {
    display: flex;
    justify-content: center;
}

.sign-up-form .or.left {
    left: 27%;
}

.sign-up-form .or.right {
    right: 27%;
}

.login-g-mail p{
    color: #000;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 0 !important;
}

.or-line, .login-g-mail, .g-mail-img, .sign-link{
    margin-bottom: 20px;
}

.otp-form{
    display: grid !important;
}

.otp-form input[type="text"] {
    font-family: 'Quicksand', sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.otp-form input {
    width: 80px;
    height: 80px;
    margin-right: 5px;
    border-radius: 5px;
    border: none;
    outline: none;
    background-color: #F0F2F4;
}

.otp-btn{
    display: flex;
    justify-content: center;
}

.otp-btn .web-btn {
    
    width: 90% !important;
}

.remember-me {
    display: block;
  }
  
  .remember-me input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .remember-me label {
    position: relative;
    cursor: pointer;
  }
  
.remember-me label:before {
    content:'';
    -webkit-appearance: none;
    background-color: #F0F2F4;
    border: 1px solid #AEAEAE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 4px;
  }
  
.remember-me input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #383838;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}



.password-div{
    position: relative;
    padding: 0 !important;
}

.password-div span{
    position: absolute;
    top: 35%;
    right: 5%;
}
/* ====================== LOGIN END ======================================= */



/* ===================== Cart Progress START ====================== */
.progress-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 48px 0px !important;
}

.progress-step {
    cursor: pointer;
    text-align: center;
    position: relative;
    flex: 1;
}

.step-circle {
    width: 40px;
    height: 40px;
    background-color: #ECECEC;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 20px;
    margin: 0 auto;
    z-index: 1;
}

.progress-step p {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}

.completed .step-circle {
    background-color: #E18835;
    color: #fff;
    outline: 8px solid hsl(29deg 74% 55% / 30%);
    border: none;
}

.progress-line {
    padding-bottom: 10vh;
}

.tp-cart-custom-input{
    max-width: 92px;
    border-radius: 25px;
    height: 40px !important;
    padding: 12px 16px !important;
    text-align: center;
}

@media (max-width: 1100px) {
    .progress-line {
        display: none;
    }
}
/* ===================== RESPOSNIVE END ====================== */

/* ===================== RESPOSNIVE START ====================== */


@media (max-width:1427px) and (min-width:992px) {
    .badge-btn.per-page-btn {
        width: 195px;
    }

    .badge-btn.sort-btn span, .badge-btn.per-page-btn span {
        font-size: 12px;
    }

    .primary-btn.know-more{
        font-size: 8px;
    }

    /* ====== DECORATION UI START ====== */

    #decoration-hero-section .section-heading h2 {
        font-size: 46px;
        font-weight: 400;
        line-height: 60px;
    }

    #decoration-hero-section .section-heading h2 span {
        font-family: "Montserrat";
        font-size: 48px;
    }

    .web-btn {
        padding: 15px ;
        font-size: 16px;
    }

    

    /* ===== DECORATION UI END ======== */
}

@media (max-width:1423px) and (min-width:1200px) {

    .img-carousel img{
        height:575px
    }

    /* ==DECORATION UI START === */
    

    #decoration-hero-section .section-heading .web-btn {
        width: 60%;
    }    

    /* ==DECORATION UI END === */

    
}

@media (max-width:1199px) and (min-width:991px){

    .carousel-content{
        height: 520px;
    }
    .carousel-btn .web-btn {
        width: 60%;
    }
    .carousel-heading h3 {
        font-size: 32px;
    }

    .carousel-heading h5 {
        font-size: 24px;
    }

    
    /* ==DECORATION UI START === */

    #decoration-hero-section .section-heading .web-btn {
        width: 70%;
    }

    /* ==DECORATION UI END === */

    .bo-letter, .nav-item {
        font-size: 14px;
        margin: 0 4px;
    }
}

@media (max-width:1400px) and (min-width:991px) {
    
    .home-hero-text .web-btn {
        width: 50%;
    }



    
}

@media screen and (min-width:1400px) {
    .chat-bot-img img {
        width: 30%;
        position: absolute;
        top: -70px;
        right: 4%;
    }
}

@media screen and (max-width:991px) {

    .top-haeder{
        display: none;
    }

    .mob-display{
        display: flex;
        align-items: center;
    gap: 10px;
    }


    .navbar-nav{
        margin: 20px 0 !important;
    }

    .mob-add-btn {
        display: flex;
        gap: 20px;
    }
    

    .navbar-nav .nav-item{
        margin: 0px 0 15px 0;
    }
    .navbar-brand img {
        width: 125px;
    }

    .mob-display .search-icon img{
        width: 20px;
    }

    .navbar-brand img {
        margin-top: 0px; 
    }
    .header-right {
        gap: 0px; 
    }

    .top-right-sec {
        justify-content: space-between;
        padding: 0 0 0 15px;

    }

    .top-middle-sec {
        display: none;
    }

    .vertical-card-text {
        display: grid;
    }

    #pills-vertical .product-btn-group {
        display: grid;
        justify-content: normal !important;
        gap: 10px;
        margin: 10px 6px;
    }

    #pills-vertical .product-btn-group button {
        order: 1;
    }

    .newsletter-form {
        padding: 0px 50px 20px 50px;
    }

    .field-input-button button[type="submit"] {
        left: 2%;
        top: 130%;
        width: 25%;
    }

    #newsletter-section {
        width: 95%;
    }

    .newsletter-box {
        margin: 0px 0px 0 20px;
        width: 100% !important;
    }

    footer {
        padding-inline: 32px;
    }

    .footer-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px
    }

    .footer-left-section,
    .footer-right-section {
        flex: 100%;
    }

    .footer-phone-number {
        margin-top: 0px;
    }

    .footer-links-grid {
        flex-wrap: wrap;
    }

    .contact-form-box {
        margin: -200px 0px 100px 0px;
    }

    .number {
        width: 25%;
    }

    .number h2 {
        font-size: 36px;
    }

    .stats-para p {
        padding: 100px 0;
    }

    .chat-bot-row {
        padding: 50px 30px !important;
    }

    .chat-bot-img img {
        top: 30px;
        right: 0%;
    }

    .chat-bot-text p {
        padding-right: 160px;
    }

    #faq-sec .accordion-button {
        gap: 25px;
    }

    .know-broucher-btn {
        margin: 0px;
    }

    #contact-hero {
        background-position: right;
    }

    /* HOME START  */

    #home-hero-section .row{
        flex-direction: column-reverse;
    }

    .home-hero-text {
        padding-top: 75px;
        text-align: center;
    }

    .home-hero-text .section-heading h2 {
        text-align: center;
    }

    .home-hero-text .web-btn {
        width: 100%;
    }
    .about-box-img-text {
        width: 50%;
    }
    /* HOME END */

    .product-printing-ht-tabs{
        display: grid !important;
    }

    

    .product-printing-ht-tabs .tab-content {
        width: 100%;
    }

    .product-data-details{
        width: 48%;
        height: auto !important;
    }

    .product-data-img img {
        width: 100%;
        height: auto;
    }

    .home-contact-us-img-text{
        text-align: center;
    }

    .home-contact-us-img-text .section-heading h2 {
        text-align: center;
    }

    .mobile-display{
        display: block;
    }

    .home-about-us-img{
        display: none;
    }

    .mob-about-us-img{
        border-radius: 10px;
        width: 100%;
        margin: 10px 0;
    }

    .carousel-content{
        height: 520px;
    }

    .owl-item .item{
        margin: 0 20px;
    }

    .product-printing-ht-tabs .nav {
        width: 100%;
    }

    .welcome-content-right{
        display: none;
    }

    .mobile-display.mob-welcome-img {
        width: 100%;
        border: 1px solid grey;
        border-radius: 15px;
        padding: 10px;
    }

    .welcome-content-left img{
        border-radius: 20px;
    }
    

    .newsletter-form {
        padding: 0px;
    }

    .newsletter-box {
        height: 400px;
    }

    .newsletter-content {
        padding: 50px 0 0px 50px;
    }

    .field-input-button input[type="email"] {
        right: 5%;
        width: 90%;
    }

    .field-input-button button[type="submit"] {
        
        left: 70%;
    }

    #about-us-third-section .about-box-img-text {
        width: 50%;
    }

    /* =========== DECORATION UI START ============*/

    #decoration-hero-section .row {
        flex-direction: column-reverse;
    }

    #decoration-sec-two-tabs {
        padding: 50px 25px;
    }
    
    #educational-resources {
        padding: 0px 25px;
    }
    
    .carousel-blog-btn .web-btn {
        width: 30%;
    }

    #product-printing {
        padding: 25px 0;
    }

    .faq-tabs .tab-content .accordion {
        padding: 0;
    }

    #got-question {
        padding: 25px;
    }
    
    .got-section-sec {
        padding: 50px 30px 30px 30px !important;   
    }
    
    .got-section-text h4 {
        padding-right: 250px;
        font-size: 40px;
    }

    .got-section-img img {
        width: 400px;
        height: 400px;
        position: absolute;
        top: -32%;
        left: -90%;
    }

    .got-section-text .web-btn {
        width: 30%;
    }

    /* ============ DECORATION UI END ============ */

    /* ============ BLOG LISTING UI START =========== */

    #Blog-listing-hero {
        padding: 0 40px;
    }

    .blog-hero-para p {
        padding-right: 0 ;
    }

    .blog-listing-text .web-btn {
        width: 60%;
    }

    /* ============ BLOG LISTING UI END =========== */

    /* ============ BLOG DETAIL START ============= */

    #blog-details-hero-section {
        padding: 50px 25px 25px 25px;
    }

    .full-blog-section {
        display: grid;
    }

    .table-content {
        width: 100%;
        padding-left: 45px;
        position: relative;
        top: 0;
    }

    .full-blog {
        padding: 0 50px;
    }

    .blog-para-img {
        display: grid;
    }

    .blog-sections img {
        width: 100%;
    }


    /* ============= BLOG DETAILS END ============== */

}

@media (max-width:991px) and (min-width:501px) {
    
    /*================  BLOG LISTING START ======================  */

    #blog-view {
        padding: 100px 10px;
    }

    .blog-listing-banner  .carousel-btn .web-btn {
        width: 65%;
    }


    /*================  BLOG LISTING END ======================  */

    .sign-forms.full-form select {
        width: 100% !important;
    }

    .sign-row-one, .sign-row-two {
        width: 48%;
    }

    .sign-up-form .or.left {
        left: 23%;
    }

    .sign-up-form .or.right {
        right: 23%;
    }
}

@media screen and (max-width:500px) {

    .field-input-button input[type="email"] {
        height: 48px;
    }

    .field-input-button button[type="submit"] {
        height: 48px;
        padding: 6px 25px;
    }

    .product-filter {
        display: none;
    }

    .top-pagination,
    .badge-btn.sort-btn {
        display: none;
    }

    #pills-vertical .product-img img {
        /* width: 95%; */
        width: 150px;
        height: 150px;
    }


    .vertical-card-img .product-img{
        width: 180px;
    height: 210px;
    }
    .vertical-card-text {
        display: grid;
        align-items: baseline;
    }

    .product-second-text {
        display: grid;
        gap: 0 !important;
    }

    .product-btn-group {
        display: grid;
    }

    .product-btn-group button {
        order: 1;
    }

    .product-btn-group {
        margin-top: 10px;
        gap: 10px;

    }

    .product-details h6 {
        width: max-content;
        font-weight: 700 !important;
    }


    .product-first-text {
        gap: 60px;
    }

    .product-badge.flex-all-center {
        top: 4%;
        right: 10%;
    }

    .vertical-card {
        align-items: normal;
        height: 220px;
    }

    .product-details {
        padding: 0 !important;
        margin-top: 10px;
    }

    #pills-vertical .product-btn-group {

        justify-content: flex-start !important;
    }

    .badge-btn {
        width: 60%;
        justify-content: space-around;

    }

    .per-page-select {
        margin-left: 0px;
    }

    .newsletter-content {
        padding: 30px 0 0px 10px;
    }

    .newsletter-form {
        padding: 0px 20px 40px 5px;
    }

    .field-input-button button[type="submit"] {
        left: 4%;
        top: 110%;
        width: 50%;
    }

    .newsletter-box {
        margin: 0px 0px 0 20px;
        width: 95% !important;
        border-radius: 35px;
    }

    .newsletter-form {
        width: 290px;
    }

    .newsletter-content h4 {
        font-size: 36px;
    }

    footer {
        padding-inline: 24px;
    }

    .footer-item {
        display: grid;
    }

    .product-card-vertical-section {
        padding: 0 10px;
    }

    .vertical-card {
        padding: 10px 4px 0px 4px;
    }

    .product-badge img {
        width: 24px;
        height: 24px;
    }

    footer {
        padding-top: 200px;
        margin-top: -135px;
    }

    .badge-btn {
        font-size: 12px;
    }

    .breadcrumb,
    .total-result,
    .top-right-sec {
        padding: 0 8px !important;
    }

    .know-more {
        width: 110%;
    }

    .nav.nav-pills {
        margin-bottom: 0px !important;
    }

    #pills-tabContent {
        padding: 10px 0;
        margin: 0 ;
    }

    .vertical-card {
        margin-bottom: 10px;
    }

    .bottom-pagination {
        margin: 20px 0 40px 0;
    }

    .custom-card {
        padding: 5px 5px 10px 5px;
    }

    .product-icon-buttons button {
        width: 30px;
        height: 30px;
    }

    .product-btn-group {
        padding-top: 0 !important;
    }

    .custom-card.tshirt .product-text{
        display: grid;
    }

    .custom-card.tshirt .shirt-name h6{
        word-wrap: break-word;
        width: 130px;
        color: #787272;
font-family: "Montserrat";
font-size: 12px;
font-style: normal;
font-weight: 700 !important;
line-height: 15px; /* 125% */
letter-spacing: -0.24px;
    }

    .product-number.tshirt .product-size {
        margin-top: 0;
        display: flex;
        gap: 5px;
        align-items: center;
    
    }

    .vertical-card.tshirt .product-first-text {
        display: grid;
        gap: 0px;
    }

    .vertical-card.tshirt .vertical-card-text .shirt-name h6{
        word-wrap: break-word;
        width: 140px;
        margin-bottom: 0px !important;
    }

    .vertical-card.tshirt .product-number.tshirt .product-size {
        margin-top: 4px;
        gap: 5px;
        display: flex;
    }

    .product-img img {
        width: 100%;
        width: -webkit-fill-available;
        height: 130px;
    }

    .contact-form-box{
        margin: 0 !important;
        padding: 40px 15px;
        border-radius: 20px;
    }

    .form-btn .web-btn{
        width: 50%;
    }

    #broucher-btn{
        margin: 70px 20px;
    }

    #broucher-btn h3 {
        font-size: 24px;
        font-weight: 800;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .know-broucher-btn {
        display: grid;
        gap: 0px;
    }

    .number{
        width: 50%;
    }

    .number h2 {
        font-size: 40px;
        margin-bottom: 0px;
    }

    .stats-para p {
        padding: 30px 0px 40px 0px;
        font-weight: 600;
    }
    .chat-bot-row {
        padding: 25px 25px !important;
    }

    .chat-bot-img img {
        top: 31%;
    width: 55%;
    position: absolute;
    right: -3%;
    }

    .chat-bot-text p {
        padding-right: 115px;
        font-size: 14px;
    font-style: normal;
    font-weight: 700;
    }

    .chat-bot-text .web-btn{
        position: relative;
    z-index: 999;
    }

    .chat-bot-text h4 {
        font-size: 32px;
    }

    #faq-sec h4 {
        font-size: 36px;
        line-height: 30px;
    }

    .faq-tabs .nav.nav-tabs {
        padding-left: 0px;
    }

    .faq-tabs .nav-link.active, .faq-tabs .nav-link {
        padding: 20px !important;
        font-size: 14px !important;
    }

    .faq-tabs .tab-content .accordion {
        padding: 0 0px;
    }

    #faq-sec .accordion-button {
        font-size: 16px;
        gap: 0px;
        align-items: flex-start;
    }

    .know-broucher-btn {
        margin: 0;
    }

    .info-para {
        font-weight: 600;
    }

    .number p {
        margin-bottom: 0px !important;
    }

    
    .faq-tabs .accordion-body p {
        font-size: 14px;
        font-weight: 500;
        width: 100%;
    }
    
    #contact-hero {
        background-color: #f4e8c8;
        padding: 40px 30px;
        background-position: bottom;
        height: 415px;
    }

    #contact-hero h2 {
        font-size: 40px;
        text-align: center;
    }

    #contact-hero p {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        line-height: normal;
    }

    #Contact-form {
        margin-top: -45px;
    }

    #contact-hero {
        height: 450px;
        background: url('/custom-assets/images/contact-us-banner.png');
        background-size: 81% 50%;
        background-repeat: no-repeat;
        background-position: bottom;
        padding: 25px 20px;
        background-color: #F4E8C8;
        background-position-x: right;
    }

    .form-input-field::placeholder, .form-textarea {
        color: rgba(0, 0, 0, 0.60);
        font-family: "Montserrat";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px; /* 162.5% */
    }

    .checkbox-root{
        color: rgba(0, 0, 0, 0.60);
        font-family: "Montserrat";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px; /* 185.714% */
    }

    .form-textarea {
        height: 200px;
    }

    .know-broucher-btn button, .know-broucher-btn button:nth-of-type(2) {
        width: 100%;
    }

    .number p {
        font-weight: 500;
    }

    .chat-bot-text .web-btn {
        width: 95%;
    }

    .field-input-button input[type="email"] {
        position: absolute;
        left: 4%;
        width: 100%;
    }

    .row.pagination-sort-row{
        margin: 0;
    }
    
    .badge-btn.sort-btn span, .badge-btn.per-page-btn span {
        font-size: 10px;
    }
    
    .newsletter-box {
        height: 370px;
    }

    #home-why-choose-us {
        padding: 40px 0;
    }

    .about-box-text h6 {
        font-weight: 700 ;
        font-size: 16px;
        text-align: left;
    }

    .home-about-us {
        text-align: center;
    }

    .home-about-us .section-heading h2 {
        text-align: center;
    }

    .home-about-us .web-btn {
        width: 60%;
    }
    
    #product-printing .section-heading h2 {
        font-size: 28px;
    }

    #product-printing .section-heading h2 span {
        font-size: 34px;
    }
    
    .product-printing-vt-tabs .nav.nav-tabs {
        border: none;
        margin: 10px 0 30px 0;
    }

    .product-printing-vt-tabs .nav.nav-tabs .nav-link.active {
        padding: 3px 40px;
    }

    .product-printing-vt-tabs .nav.nav-tabs .nav-link {
        padding: 10px 30px;
    }

    #product-printing {
        padding: 0px 0;
    }
    
    #home-why-choose-us .section-heading h2 {
        font-size: 32px;
    }

    #home-why-choose-us .section-heading h2 span {
        font-family: "Montserrat";
        font-size: 40px;
    }

    #home-why-choose-us .about-box-img-text {
        margin: 25px 0 0px 0;
    }
    #home-why-choose-us .about-box-text h6 {
        text-align: center;
    }
    .home-about-us h6 {
        font-size: 16px;
    }

    .home-about-us .section-heading h2 {
        font-size: 32px;
        line-height: 15px;
    }

    .section-heading h2 span {
        font-size: 40px;
    }

    #home-about-us-section {
        padding-top: 20px;
    }

    .product-data-heading h6 {
        font-size: 16px;
    }

    /* HOME PAGE OWL CAROUSEL RESPOSNIVE START */

    

    .carousel-heading h3 {
        font-size: 16px;
        letter-spacing: -0.7px;

    }
    
    .carousel-heading h5 {
        font-size: 14px;
    }

    .event-date {
        margin: 0;
        padding: 0;
    }

    .event-date p {
        font-size: 9px;
    }

    .stand{
        display: none;
    }

    .carousel-btn .web-btn {
        font-size: 10px;
        width: 75%;
        height: auto;
        padding: 10px;
    }

    

    .carousel-content {
        height: auto;
        padding: 15px;
        border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    }

    .img-carousel img {
        height: auto;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .owl-item .item {
        margin: 0 ; 
    }

    .carousel-btn {
        margin: 10px 0;
    }

    /*  HOME PAGE OWL CAROUSEL RESPOSNIVE END */

    .product-printing-ht-tabs .nav.nav-pills{
        width: 100%;
        height: 125px;
        justify-content: flex-end;
        gap: 25px;
        overflow: auto;
    }

    .product-printing-ht-tabs .nav-pills .nav-link.active,.product-printing-ht-tabs .nav-pills .nav-link {
        width: 75%;
    }

    .product-printing-ht-tabs .nav.nav-pills::-webkit-scrollbar ,.product-data-grid::-webkit-scrollbar {
        display: none;
    }

    .tab-haeding{
        display: none;
    }

    #home-image-carousel {
        padding: 0px 0 50px 0;
    }

    #Welcome-content {

        padding: 50px 30px;
    }

    .welcome-content-left h4 {
        font-size: 26px;
        line-height: 35px;
        padding-right: 0 !important;
    }
    
    .welcome-content-left p {
        padding-right: 0px;
        margin-top: 30px;
    }

    .welcome-content-left .web-btn.download {
        width: 80%;
        font-size: 16px;
    }

    #about-us-third-section .about-box-img-text {
        display: flex;
        align-items: flex-start;
        width: 100%;
    }

    .about-box-img {
        height: 56px;
    }

    .about-box-text {
        text-align: left;
    }

    .about-box-text p {
        text-align: left;
        padding: 0;
        font-size: 14px;
    }

    #collabration h2 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 20px;
    }

    #about-us-third-section, #collabration, #who-we-are-expertise {
        padding: 0;
    }

    #who-we-are, #expertise {
        padding-left: 0px;
        display: grid;
        gap: 40px;
    }

    .who-we-are-img,.expertise-img {
        height: 260px;

    }

    .who-we-are-text, .expertise-text {
        width: 100%;
    }

    .who-we-are-text h2 {
        text-align: center;
        font-size: 32px;
        margin-bottom: 10px;

    }

    .who-we-are-text p {
        padding: 0 20px;
        text-align: center;
    }

    .who-we-are-number {
        gap: 0px;
    }

    .who-we-are-number .number h2 {
        font-size: 40px;
    }

    .who-we-are-number:nth-of-type(2) {
        gap: 20px;
    }

    .expertise-img{
        order: 1;
    }

    .expertise-text h2 {
        text-align: center;
        font-size: 32px;
        margin-bottom: 10px;
    }

    .expertise-text h2 span {
        font-size: 40px;
    }
    
    .expertise-text p {
        text-align: center;
    }

    .expertise-text {
        padding: 25px ;
    }

    #expertise {
        gap: 0px;
    }

    .services-we-offer-content h2 {
        font-size: 32px;
    }

    .services-we-offer-content h2 span {
        font-size: 40px;
    }

    #services-we-offer {
        padding-top: 40px;
    }

    .services-we-offer-content p {
        
        font-size: 16px;
        
        line-height: 22px;
        padding: 0 30px;
    }

    #dynamic-cost-preview {
        padding: 0;
        position: relative;
    }

    .dynamic-cost-review-text {
        padding-top: 25px;
    }

    .dynamic-cost-review-text h2 {
        font-size: 32px;
    }

    .dynamic-cost-review-text p {
        padding-right: 35px;
    }

    .dynamic-cost-review-text .web-btn {
        font-size: 16px;
        width: 55%;
    }
    .dynamic-cost-review-img img {
        width: 40%;
        position: absolute;
    top: 60%;
    right: 0;
    }

    .section-heading h2 {
        font-size: 32px;
    }

    #why-choose-dtb .section-heading span{
        display: flex;
        justify-content: center;
    }

    #why-choose-dtb .why-choose-box {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        margin: 20px 0 10px 0;
    }

    #why-choose-dtb .why-choose-box-content h2 , #why-choose-dtb .why-choose-box-content p {
        text-align: left;
        margin: 0px 0 15px 0;
    }

    #meet-our-team .section-heading {
        margin-bottom: 20px;
    }

    .owl-carousel.owl-carousel.team-carousel .owl-nav, .owl-carousel.owl-carousel.team-carousel .owl-dots{
        display: none !important;
    }


    .about-us-hero-img-text{
        margin-bottom: 80px;
    }

    .about-us-hero-img-text.one:before {
        left: 46%;
        top: 5%;
    }

    .about-us-hero-img-text.two::before {
        left: 47%;
        top: 33%;
    }

    .about-us-hero-img-text.three::before {
        left: 47%;
        top: 60%;
    }

    .about-us-hero-img-text.three:last-child::after {
        top: 85%;
        left: 43%;
    }

    .semi-circle-1, .semi-circle-2, .semi-circle-3{
        rotate: 90deg;
    }

    .semi-circle-1{
        top: 13%;
        left: 27%;
        width: 320px;
    }

    .semi-circle-2{
        width: 300px;
    top: 41%;
    left: -8%;
    }

    .semi-circle-3{
        width: 290px;
    top: 67%;
    right: -3%;
    }
    
    /* ================== DECORATION UI START ================== */

    #decoration-hero-section {
        padding: 10px;
    }
    #decoration-hero-section .section-heading h2 {
        font-size: 32px;
        font-weight: 400;
        line-height: 40px;
        text-align: left;
    }

    #decoration-hero-section .section-heading h2 span {
        font-size: 30px;
        line-height: 44px;

    }

    #decoration-hero-section .section-heading .web-btn {
        width: 100%;
    }    

    #decoration-sec-two-tabs {
        padding: 25px 10px;
    }

    .decoration-tab-content-row {
        background: #E8EDEF;
        padding: 20px;
    }

    .decoration-tab-content-text h6 {
        margin: 20px 0 !important;
        font-size: 14px;
    }

    .decoration-tab-content-text h3 {
        font-size: 22px;
        margin: 20px 0 20px 0;
        line-height: 30px;
        font-weight: 700;

    }

    .list-head {
        font-size: 14px;
    }
    
    .decoration-tab-content-text{
        padding: 0;
    }

    .decoration-tab-content-text ul li {
        margin-bottom: 15px;
        font-size: 14px;
    }
    
    #educational-resources {
        padding: 0px 10px;
    }

    #decoration-featured-project{
        padding: 0 0 50px 0;
    }

    #decoration-featured-project .custom-card.tshirt .shirt-name h6 {
        margin-bottom: 0;
    }

    #decoration-featured-project .product-size .tshirt-code {
        margin-top: 0;
    }
    
    #decoration-featured-project.product-number.tshirt {
        margin: 0px;
    }
    .carousel-blog-btn .web-btn {
        width: 60%;
    }

    /* .got-section-sec{
        display: grid;
    } */

    .got-section-text h4 {
        /* padding-right: 250px; */
        font-size: 27px;
    }

    .got-section-text {
        width: 100%;
    }
    
    .got-section-text h4 {
        padding-right: 0px;
        margin-right: 15px;
    line-height: normal;
    }    

    .got-section-text h4 span {
        font-size: 22px;
        font-weight: 600;
    }

    .got-section-text p {
        margin: 0 !important;
        padding-right: 100px;
    }

    .got-section-text .web-btn {
        width: 60%;
        font-size: 16px !important;
        margin: 25px 0;
    }

    .got-section-sec {
        position: relative;
        padding: 20px 20px 20px 20px !important;
    }

    .got-section-img img {
        
        top: 38%;
        left: -174px !important;
        width: 200px;
        height: 225px;
    }
    
    .got-section-img{
        width: auto;
    }

    /* =================== DECORATION UI END =================== */

    /* =================== BLOGLISTING START =================== */


    #Blog-listing-hero {
        padding: 0px;
    }

    .blog-listing-row {
        flex-direction: column-reverse;
    }

    .blog-listing-text {
        margin-top: -125px;
        width: 100%;
        padding-top: 0 ;
    }

    .blog-hero-head h4 {
        padding-right: 60px;
        font-size: 32px;
    }

    .blog-listing-date-time {
        margin: 10px 0;
    }

    .blog-hero-para p {
        margin: 0;
    }

    .blog-listing-text .web-btn {
        margin: 20px 0 60px 0;
        width: 55%;
        font-size: 16px;
    }

    .blog-listing-img {
        text-align: right;
    }

    .blog-listing-img img {
        width: 60%;
    }

    .most-search-topics {
        margin: 15px 0;
        height: 50px;
        overflow-y: auto;
        justify-content: flex-start;
    }

    .most-search-topics::-webkit-scrollbar {
        display: none;
    }
    
    .search-topics p {
        font-size: 16px;
        width: max-content;
    }

    #blog-view {
        padding: 100px 0 25px 0;

    }
    
    .blog-search-bar-sort {
        justify-content: flex-start;
    }

    .blog-search-bar {
        width: 60%;
    }

    .blog-search-bar img {
        width: 15px;
        top: 40%;
        right: 10%;
    }

    .blog-search-bar input[type="search"]::placeholder{
        
    font-size: 16px;
    }

    .blog-search-bar input[type="search"] {
        padding: 10px 20px;
        height:45px;
    }

    .blog-search-bar-sort .badge-btn.sort-btn {
        width: 30%;
        display: block;
        height: 45px;
    }

    .blog-long-card {
        height: 374px;
    }

    .blog-long-img {
        height: 100%;
    }

    .blog-long-img img {
        height: 100%;
    }

    .blog-long-card .tags:nth-of-type(3) {
        left: 25%;
    }

    .blog-long-card .duration {
        left: 75%;
    }

    .tags p{
        font-weight: 600;
    }

    .video-text {
        margin-left: 25px;
        width: 80%;
    }

    .blog-long-card .video-title h5, .blog-short-card .video-title h5 {
        color: #FFF;
        font-family: "Montserrat";
        font-size: 18px;
    }
    
    .glassmorphism p{
        font-size: 14px;
    }

    .blog-listing-banner {
        padding: 100px 15px;
    }

    .blog-listing-banner .carousel-heading h3 {
        font-size: 28px;
    }

    .blog-listing-banner .carousel-heading h5 {
        font-size: 20px;
    }

    .blog-listing-banner .carousel-btn .web-btn {
        width: 60%;
        font-size: 14px;
    }

    .blog-long-card img {
        height: 370px;
    }

    .play i {
        left: 44%;
        top: 50%;
        font-size: 60px;
        background: transparent;
        height: auto;
        width: auto;
    }

    .play {
        left: 45%;
    }

    .blog-listing-banner.two .carousel-content{
        display: none;
    }

    .carousel-content-mobile{
        background-image: url('/custom-assets/images/mobile-blog-banner-two.svg');
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
        padding: 50px 0;
    }

    .blog-listing-banner.two .carousel-content .carousel-heading h3 {
        margin-top: 20px;
    padding-right: 650px;
    color: #737D7E;
    font-family: "Montserrat";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -1.08px;
    text-transform: capitalize;

    }

    .carousel-content-mobile{
        display: block;
    }

    .carousel-content-mobile .carousel-heading h3{
        margin: 20px 0;

    }

    .blog-listing-banner.two .carousel-btn .web-btn {
        width: 40%;
    }
    /* =================== BLOGLISTING END =================== */


    /* =================== BLOG DETAILS START =================== */



    #blog-details-hero-section {
        padding: 30px 25px 25px 25px;
    }

    .blog-details-head h2 {
        font-size: 32px;
    }

    .blog-details-banner img {
        height: 316px;
    }

    .blog-detail-tag p {
        font-size: 12px;
    }

    .blog-detail-tag p {
        top: 6%;
        left: 8%;
        padding: 5px 10px;
        
    }

    .table-content {
        padding-left: 30px;
    }


    .full-blog {
        padding: 0 18px;
    }

    .blog-sections p {
        padding-right: 0 !important;
    }

    .blog-sections h5 {
        width: 100%;
    }
    
    .blog-sections {
        margin-bottom: 25px;
    }

    #related-blogs {
        padding: 10px;
    }

    #home-contact-us {
        padding: 10px 0;
    }

    #inner-contact-us {
        padding: 80px 0;
    }

    .blog-short-cards {
        width: 95%;
        position: relative;
    }
    

    /* =================== BLOG DETAILS END =================== */

    #login-sec {
        display: block;
        padding-top: 180px;
    }

    #login-sec form {
        width: 90%;
    }

    .or.right {
        right: 0;
    }

    .or.left {
        left: 0;
    }

    #login-sec .section-heading h2 span {
        font-size: 32px;
        line-height: 45px;
    }

    .login-form {
        padding: 0;
    }

    .back-login .web-btn {
        width: 90%;
    }

    #login-sec .login-forms.full-form {
        width: 90%;
    }

    .sign-row {
        flex-direction: column;
    }

    .sign-row-one{
        margin-bottom: 20px;
    }

    .sign-row-one, .sign-row-two {
        width: 100%;
    }

    .sign-in-btn .web-btn {
        width: 100%;
    }

    .sign-up-form .or.right {
        right: -9%;
    }

    .sign-up-form .or.left {
        left: -9%;
    }

    .otp-form input {
        width: 56px;
        height: 56px;
    }

    .member-name h5 {
        font-size: 16px;
    }

    .team-description p {
        font-size: 12px;
    }

    #inner-contact-us .section-heading h2, #inner-contact-us .section-heading h2 span {
        font-size: 44px;
        line-height:50px;
    }
}

@media screen and (max-width:390px) {
    #pills-tab .nav-item {
        width: 35px;
    }
    
    .navbar-brand{
        margin-right: 55px !important;
        margin-left: 5px !important;
    }

    .badge-btn.per-page-btn {
        gap: 0px;
        width: 50%;
    }

    .tab-ul .nav {
        gap: 20px;
    }

    .top-right-sec .tab-ul{
        margin-right: 15px;
    }

    .tab-ul svg{
        width: 45px;
    }

    .badge-btn {
        height: 50px;
    }

    .per-page-select {
        height: 35px;
    }

    .badge-btn {
        justify-content: space-around;
    }

    .per-page-select {
        width: 55px;
    }

    .product-first-text {
        gap: 50px;
    }

    .product-colors {
        margin-top: 10px;
    }

    .or {
        width: 100px;
    }

    .sign-up-form .or.left {
        left: 0%;
    }

    .sign-up-form .or.right {
        right: 0%;
    }

    .remember-me label, .forget-password a  {
        font-size: 12px;
    }

    .otp-btn .web-btn {
        width: 100% !important;
    }

    .otp-form input {
        width: 45px;
        height: 45px;
    }

    .otp-form input[type="text"] {
        font-size: 26px;
    }
    
    .play i {
        font-size: 64px;
        width: 64px;
        height: 64px;
    }

    .play {
        top: 40%;
        left: 46%;
    }

    .carousel-blog-btn .web-btn {
        width: 80%;
    }
}

@media screen and (max-width:350px) {
    .navbar-brand {
        margin-right: 0px !important;
    }
}

.tp-cart-list thead th
{
    padding: 22px 0!important;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
}

.tp-cart-list thead th:first-child
{
    border-radius: 12px 0 0 12px;
    padding: 20px 0 20px 20px !important;
}

.tp-cart-list thead th:last-child
{
    border-radius: 0 12px 12px 0 
}

.tp-cart-list tbody tr td , .tp-cart-coupon-input input
{
    border: none;
}

.tp-cart-input[type=number] , .tp-cart-coupon-input input
{
    background-color: unset;
    border: none;
    font-weight: 500;
}

.tp-cart-plus, .tp-cart-minus
{
    height: 26px;
    width: 26px;
    border-radius: 5.67px;
    border: 1px solid #DCDCDC;
    background: #F0F2F4;
}

.tp-cart-minus
{
    left: 6px;
}

.tp-cart-plus
{
    right: 6px !important;
}

.tp-cart-action-btn.remove_product
{
    background: white;
    border-radius: 6px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 12px 10px 30px 0px #575C711F;
}

.tp-cart-action-btn svg
{
    margin-inline-end: 0
}

.tp-cart-list thead
{
    background: #F0F2F4;
}

.tp-cart-img img
{
    object-fit: contain;
}

.tp-cart-img-wrap
{
    width: 132px;
    height: 148px;
    text-align: center;
    background: #F0F2F4;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tp-cart-title a 
{
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}

.tp-cart-coupon-input-box label
{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 18px;
}

.tp-cart-coupon-input-box p 
{
    margin-bottom: 32px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.tp-cart-coupon-input
{
    background: #F0F2F4;
    border-radius: 10px;
    height: 60px;
    padding: 6px;
}

.tp-cart-coupon-input input
{
    height: 100%;
}

.tp-cart-coupon-input button
{
    border: 2px solid #000000;
    background-color: unset;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.tp-cart-coupon-input button:hover 
{
    background-color: #000;
    color: #fff;
}

.tp-cart-checkout-btn
{
    padding: 17px 30px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
}

.tp-cart-checkout-btn:disabled{
    opacity: 0.7;
}

.tp-cart-checkout-top
{
    border-top: 2px dashed #0000004D;
    border-bottom: none;
}

.tp-cart-checkout-top span , .tp-cart-checkout-tax-title
{
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: black;
}

.tp-cart-checkout-total
{
    border-top: 2px dashed #0000004D;
}

.tp-cart-checkout-total span , .section-title , .address-form-wrapper label , .method_payment p , .tp-footer-style-2 .tp-footer-widget-title
{
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #000;  
}

.section-title 
{
    margin-bottom: 16px;
}
.country-wise-shipping-address{
    border: 1px solid #c8c8c4;
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 24px;
}
.country-wise-shipping-address:last-child{
    margin-bottom: 0px;
}
.delivery_address_form #invoice_address_delivery , #as_agreed
{
    width: 26px;
    height: 26px;
    background-color: #F0F2F4;
    border: 1px solid #DCDCDC !important;
    border-radius: 5.67px;
    margin-right: 10px;
}

#invoice_address_delivery:checked , #as_agreed:checked
{
    background-color: #E18835;
}
#as_agreed:disabled, #as_agreed:disabled ~.form-check-label{
    opacity: 1;
}
.delivery_address_form .form-check-label
{
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #000;  
}

.list-available-address .delivery_address 
{
    min-width: 26px;
    min-height: 26px;
    background-color: #F0F2F4 !important;
    border: 1px solid #BFBFBF !important;
    margin-right: 16px;
}

.list-available-address .delivery_address:checked 
{
    accent-color: #E18835;
    border: none !important;
}

.small-bold-text
{
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    color: #000;  
}

.list-available-address .row 
{
    padding: 24px 0;
    border-bottom: 1px solid #00000033;
}

.list-available-address .row:last-child
{
    border-bottom: none;
}

.fs-14 
{
    font-size: 14px !important;
}

.address-form-wrapper 
{
    background: #FBFBFB;
    padding: 30px 20px;
}

.address-form-wrapper p 
{
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    color: #000;
}

.address-form-wrapper input 
{
    background: #F0F2F4;
    border-radius: 10px;
    height: 60px;
    padding: 0 30px
}

.special_instructions
{
    border-radius: 10px;
    background: #F0F2F4;
    height: 130px !important;
}

.address-form-wrapper .save_address_btn 
{
    background: #E18835;
    height: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    border-radius: 50px;
}

#confirm_order_tc 
{
    min-width: 16px;
    min-height: 16px;
    border: 1px solid #DCDCDC;
    background: #F0F2F4;
    border-radius: 2px;
    margin-right: 5px;
}

.shipping-boxes-wrap  
{
    gap: 12px
}

.shipping-box 
{
    background: #F0F2F4;
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    min-width: 120px;
}

.shipping-box.active
{
    border: 1px solid #F8CAA0;
    box-shadow: 5px 4px 26px 0px #F8CAA040;
    background: none;
}

.shipping-box p 
{
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
}

.shipping-box h3
{
    font-size: 23.46px;
    font-weight: 500;
    line-height: inherit;
    margin-bottom: 0;
}

.shipping-box-quantity{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
}
.shipping-box-quantity .shipping-product{
    width: 272px;
    font-size: 0.9rem;
    margin: 0px;
    border-radius: 30px;
    box-shadow: 4px 6px 10px 0px #B9B9B938;
    padding: 12px;
    margin: auto 0px;
}
.shipping-box-quantity .quantity-input{
    width: 35%;
    border: 0px;
    box-shadow: 4px 6px 10px 0px #B9B9B938;
    padding: 12px;
    border-radius: 30px;
    background-color: #FFFFFF;
    color: #00000099;
}
.method_payment p 
{
    font-weight: 400    
}

.font-weight-bold 
{
    font-weight: 600 !important    
}

.tp-footer-widget .address-cont p , .tp-footer-style-2.tp-footer-style-primary .tp-footer-widget ul li a
{
    font-size: 16px !important;    
    font-weight: 500 !important;
    line-height: 26px !important;
    padding-left: 0 !important;
    color: #000 !important
}

.tp-footer-social a
{
    border-radius: 4px !important;
}

.tp-footer-top 
{
    background: #F0F2F4 !important;
    padding-top: 45px !important;
}


/* ===================== RESPOSNIVE END ====================== */


/* ===================== START CART AND CHECKOUT ====================== */
.tp-cart-area .order-ref {
    padding: 28px;
    margin-right: 10px;
    border-radius: 32px;
    background-color: #ffffff;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 12px 10px 30px 0px #575C711F;
}

.tp-cart-area .order-ref input {
    border-radius: 10px;
    background-color: #F0F2F4;
    border: none !important
}

.tp-cart-area .delivery-notes {
    background-color: #F0F2F4;
    border-radius: 20px;
    padding: 45px 45px 45px 60px;
    margin-top: 10vh;
}

.tp-cart-area .delivery-notes p {
    color: #000 !important;
}

.tp-cart-area .delivery-notes li::marker {
    color: #E18835;
    font-size: 20px;
}

.tp-cart-area .delivery-notes li {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #000
}

.tp-cart-area .address_cart {
    margin-bottom: 0px;
    color: black;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

/* Start Check & Order */
.tp-cart-area .accordion-button {
    border-bottom: 0px !important;
    background-color: transparent !important;
    padding: 12px 0px !important;
}

.tp-cart-area .accordion-button:not(.collapsed){
    font-weight: 600;
    box-shadow: none;
    color: #000000;
}

.tp-cart-area .accordion-button:focus{
    border: 0px;
    box-shadow: none;
}

.tp-cart-area .accordion-body{
    padding: 12px 0px;
}
/* End Check & Order */

.shipping-box-quantity .country-select{
    width: 240px;
    border: 0px;
    box-shadow: 4px 6px 10px 0px #B9B9B938;
    padding: 12px;
    border-radius: 30px;
    color: #00000099;
}

.shipping-box-quantity .country-quantity{
    width: 160px;
    border: 0px !important;
    box-shadow: 4px 6px 10px 0px #B9B9B938;
    padding: 12px 24px;
    border-radius: 30px !important;
    color: #00000099;
    background-color: #FFFFFF !important;
}

@media screen and (max-width:767.98px)  {
    .shipping-box-quantity .country-select{
        width: 160px;
    }
    .shipping-box-quantity .country-quantity{
        width: 90px;
        padding: 12px 12px;
    }
}
/* ===================== END CART AND CHECKOUT ====================== */


.bb-product-gallery-images{
    background-color: transparent;
}
.bb-product-gallery-images a{
    border: 1px solid #d1c5c5;
    border-radius:16px;
    overflow: hidden;
    background-color: rgb(245, 246, 248);
}

.order-ref .form-select{
    border-radius: 4px;
}

/* ===================== DOCUMENT UPLOAD SECTION ====================== */

/* Document Upload Section */
.document-upload-section {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #e0e2e3;
}

.document-upload-section .document-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--tp-common-black, #000);
}

.document-upload-section .document-upload-button .upload-label {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 16px;
    background-color: var(--tp-theme-primary, #0989ff);
    color: var(--tp-common-white, #fff);
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    width: 100%;
    margin-bottom: 0.5rem;
}

.document-upload-section .document-upload-button .upload-label:hover {
    background-color: var(--tp-common-black, #000);
}

.document-upload-section .document-upload-button .upload-label:hover .upload-icon {
    transform: translateY(2px);
}

.document-upload-section .document-upload-button .upload-label .upload-text {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-upload-section .document-upload-button .upload-label .upload-icon {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease-in-out;
}

.document-upload-section .document-upload-button .upload-label .upload-icon svg {
    width: 13px;
    height: 13px;
}

.document-upload-section .document-upload-button .upload-label .upload-icon svg path {
    fill: var(--tp-common-white, #fff);
    stroke: var(--tp-common-white, #fff);
}

.document-upload-section small {
    color: #6c757d;
    line-height: 1.5;
}

/* Uploaded Document Item */
.uploaded-document-item {
    background-color: var(--tp-common-white, #fff);
    border: 1px solid #dee2e6 !important;
    border-radius: 6px;
    padding: 10px 15px;
    transition: all 0.2s ease-in-out;
}

.uploaded-document-item:hover {
    border-color: var(--tp-theme-primary, #0989ff) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uploaded-document-item .document-name {
    font-size: 14px;
    font-weight: 500;
    color: var(--tp-common-black, #000);
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uploaded-document-item .remove-document {
    padding: 4px 8px;
    border: none;
    background: transparent;
    color: #dc3545;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.uploaded-document-item .remove-document:hover {
    background-color: #dc3545;
    border-radius: 4px !important;
}

.uploaded-document-item .remove-document:hover svg {
    fill: var(--tp-common-white, #fff);
}

.uploaded-document-item .remove-document svg {
    width: 16px;
    height: 16px;
    fill: #dc3545;
    transition: fill 0.2s ease-in-out;
}

#uploaded_documents_list .uploaded-document-item:not(:last-child) {
    margin-bottom: 10px;
}

/* Upload Icon Animation */
@keyframes upload-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

.document-upload-button .upload-label:active .upload-icon {
    animation: upload-bounce 0.5s ease-in-out;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .document-upload-section {
        margin-top: 20px;
    }

    .uploaded-document-item .document-name {
        max-width: 150px;
    }
}

@media (max-width: 575px) {
    .document-upload-section {
        padding: 15px;
    }

    .document-upload-section .document-upload-button .upload-label {
        padding: 6px 12px;
        font-size: 13px;
    }

    .uploaded-document-item .document-name {
        max-width: 120px;
        font-size: 13px;
    }
}

/* ===================== END DOCUMENT UPLOAD SECTION ====================== */